Inspiration
While scrolling my Insta account, I got an idea to build a scrollable blogWebsite for posting users blog (with respective title).
What it does
It is basically a blogWebsite consists of various pages, mainly:
- Home Page
- Compose Section
- Contact us
- About us
Home Page: This home page(or default page) of the website where the users can interact with the various article(with title and short description) being posted by users like her/him. If one gone interested to read the full article can read it by clicking(read more).
Compose Section: If one wishes to wrote their own article, then switches to this section from navigation bar. Once the user completes the title and body can post it on the home section directly one below another.
Contact us: This is non-editable section to contact directly with the developers. About us: Non-editable section to summarize us and our motive for the website.
How we built it
I have used MERN technology to complete the project and deployed on Heroku. Here, the website front is designed using html,ejs and styled using CSS. Here, the compose section is being designed using form and data being fetched using GET request and thus the title & details being store on the database(mongoDb) which further displays at home page section.
Front-End: EJS, HTML, CSS, JS Back-End: Node.js, express.js Database: mongodb
Challenges we ran into
- To make the website display flexible.
- To linkup the website to server.
- Creating and managing various request(GET and PULL request in simultaneously).
- To manage the asynchronous functionality during code and execution implementation.
- Time-Management
- Data Management
Accomplishments that we're proud of
- Repositories on github got 100+ views when sharing on LinkedIn.
- Use this project to showoff on SSOC 2022.
What we learned
To make and deployed this website is really tough but bring amazing experience to learns full-stack from scratch. Learnt git,github, server deployment, front-end and back-end technology for website development.
What's next for BlogWebsite
Going to make the website more convenient to user and to add real data so that gonna to deployed for real use.
Log in or sign up for Devpost to join the conversation.