Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering:
-
Where can I see your demo? The demo for this project can be found using the Demo link above.
-
What was your experience? Building this app was a awesome experience, sweet and at the same time bitter. Every bit of it was challenging ranging from the design implementation down to the functionality programming. I had to pay attention to every details outlined by the designer in-order not to misrepresent the design. Though I brought in some initiative to better improve the layout.
-
What have you learned/improved?
- API data and error handling
- Better use of vercel SWR for fetching and caching of data for efficiency and low latency
- Attention to details and time management
- Using custom fonts in Next.js
- Deployment on vercel and adding environmental variables for production
- Added a geolocation API to automatically detect the user's location as first city to display weather
-
Your wisdom? :) Keep practising, and perfection will have no option but to embrace you.
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/Felistus/jaro-weather-app.git
# NOTE:
# You might need to install *pnpm* globally or locally if you don't have it
# installed already (if using pnpm)
$ npm install -g pnpm
# Install dependencies
$ pnpm install
# Run the app
$ pnpm run dev- Steps to replicate a design with only HTML and CSS
- Node.js
- Marked - a markdown parser
- Openweathermap
- Countriesnow:cities of the world
- GitHub @felistus
- Twitter @ezeugoobieze