The project is deployed and can be accessed here!
This project a simple calendar view where you can add events and reminders.
- On the main screen, click "+" to add a reminder.
- Click on any day to see the events for that day, edit and delete events.
- Click "<" or ">" to go to previous/next month.
- The free tier of the OpenWeather API only provides a 5 day weather forecast, so the application will only be able to show weather forecast for the following 5 days.
- This project is focused in the front-end only, therefore the content will not persist after you visit the app and you will be presented with mocked content.
- React - A JavaScript library for building user interfaces.
- TypesCript - A strict syntactical superset of JavaScript and adds optional static typing to the language.
- Redux - A Predictable State Container for JS Apps.
- Jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
- Styled Components - A library for React and React Native that allows you to use component-level styles in your application.
- OpenWeather API - API used to fetch the weather data.
- Vercel - Cloud platform where the project is deployed.
- Clone the repository.
git clone https://github.com/danielcspaiva/calendar.git
- Install packages.
yarn install || npm install
- Get OpenWeather API Keys.
Visit https://openweathermap.org/ and create a free account to get API Keys.
- Create a .env file in the project root directory and add the following line with your API Keys.
REACT_APP_OPENWEATHERAPP=your-keys-go-here
- Run the app.
yarn start || npm start
- Run the tests.
yarn test || npm run test
- Open http://localhost:3000 to view it in the browser.