Mother's Tongue is a community blog application that was built for young learners who is seeking to improve their knowledge of yoruba language. The blog application consists of posts with series of subjects or topics that are explained for users in yoruba.
To intereact with the post, users will have to signup to enable them to drop their comments and like any post.
Users can also create post, read comments update and delete post
The users will find links to the application below.
The idea behind the project is to build a community of nartive speakers of the language.
https://mothers-tongue.herokuapp.com/
- to build a community of indigenous yoruba learners and tutor
- to support parents, guardians and schools that wants their kids to learn the language.
- to be accessible to our target audience in their various locations.
- user-friendly
- stand-out design with beautiful colors
- easy to use navigations
Our application is targeted at young learners who can interact within the community
- Account Registeration
As a Site User I can register an account so that I can interact with the blog
- Login
As a Site User I can sign into an existing account so that I can interact with the blog
- Logout
As a Site User I can signout of an account so that I can stop interacting with the blog
- Create a post
As a Site User I can create post, so that I can upload blog posts.
- Retrieve a post
As a Site User I can retrieve post, so that I can view a list of posts.
- Update a post
As a Site User I can update post, so that I can view the post list.
- Delete a post
As a Site User I can delete post, so that I can delete unwanted blog post. - Like a post
As a Site User I can like a post so that I can interact with the content
- Unlike a post
As a Site User I can unlike a post so that I can interact with the content
- Leave a comment
As a Site User I can leave comments on a post so that I can be involved in the conversation
- View category post
As a Site User I can view category post, so that I can see similar posts to read.
- Social media links
- This section has the social media icons, so users can find more information about the blog on facebook, instagram, twitter and youtube.
- The icons when click on takes the user to the respective url.
- It gives the users ability to users to folluw us on all our socia media links.
- The page works in different browser; Chrome, Safari, and my mobile device (iPhone11).
- I confirm that this project is responsive, looks good and functions on all standard screen sizes using devtools device toolbar.
- I have used the http://ami.responsivedesign.is/ website to check the render on different sceens.
- I have tested that the navigation, home, login, logout, signup, create post button are all readable and easy to understand.
- All the forms work perfectly well.
The major challenge that I experienced was timing.
- Timing
- I'm unable to create the update post function
- Users are unable to upload images when they create post
- HTML
- No errors were returned when passing through the official W3C validator.
- CSS
- No errors were returned when passing through the official W3C validator.
- Accessibilty
- I confirmed that the colors and fonts chosen are easy to read and accessible by running it through lighthouse in devtools.
- HTML: we used this to build all the webpage for this website.
- CSS: this was used to style our various pages.
- Gitpod: is an online IDE for GitHub and GitLab that launches ready-to-code dev environments for any project with a single click. www.gitpod.io www.gitpod.io
- Github: provides hosting for software development version control using Git. www.github.com
- Chrome Dev Tool: this was used extensively to test debug my code.
- Bootsrap 5.0
- Django 3.8
- Psycopg database
- manage.py
- Fontawesome
- Cloudinary Storage
- ElephantSQL
The site was deployed to GitHub Page. The following steps were taken for deployment:
- Steps for Deployment
- Create a new app on Heroku
- Set my config vars to store my sensitive data
- Create the database on Elephant SQL
- Set debug to False in settings.py
- Click on deploy
- codestar walkthrough
- Django Central
- Django Central
- Tutor support
- W3schools for my code referencing https://www.w3schools.com/howto/
- Adobe Stock for all my images https://stock.adobe.com/ng/Libraries
-
A special thanks to my hubby for his all round support in making sure this project was a success. Thanks for all the cup of Teas.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent