How I created a website for NGO in less than 24hrs!

#javascript #webdev #beginners #tutorial

In this short article, I will share what was my approach on How I created a website for NGO in less than 24hrs?
You can check the Repository here: https://github.com/VishwaGauravIn/hunger-no-more

I will try to keep it as short as possible to save your time.

Approach:

First of all, I made a list of stuff that can be added to website. Like Images, data, content, etc
Since I was using NextJS, I tried to decide how many components will be required. Like in my case it was: Navbar, Hero, Carousal, Stats, Donate, Testimonials/Review, CoreTeam, About, and Footer
Then Placing them in a relevant order, this is a part of User Experience (UX)
Now deciding a theme of website (Colors, style and effects)
Once you are done with selecting a theme installing all requrired libraries, I like to create a folder structure (which was pretty simple for this project)

--- components
|--------- common
|--------- home
--- pages
|--------- api
--- styles