/reactreminder

Primary LanguageTypeScriptMIT LicenseMIT

React Reminder

Images

Mobile Version

your-image-description                         your-image-description

Desktop Version

Tech Stack

Features

  • Add reminders
  • Track weather forecast up to 07 days by entering the city name (US only)
  • Store notes and location data in the browser's local memory
  • Page refresh while keeping the entered data

APIs

This application uses two free APIs provided by OpenWeather and Open-Meteo to display the weather forecast. For more information, please access the links below:

Installation

To install and run the application, follow the steps below:

  1. Clone the repository
  2. Navigate to the project directory
  3. Run "npm install" command to install the dependencies
  4. Run "npm run dev" command to start the application

Usage

To use the application, follow the steps below:

  1. Open the application in your browser
  2. To add a reminder, click on the "Add Reminder" button and fill in the title and description fields
  3. To track the weather forecast, enter the name of the city in the "City" field and press the Enter key

Contributing

Contributions are welcome! If you wish to contribute to the project, follow the steps below:

  1. Fork this repository
  2. Create a new branch with your feature: git checkout -b my-feature
  3. Commit your changes: git commit -m 'feat: My new feature'
  4. Push to the branch: git push origin my-feature
  5. Create a new pull request

Technologies and APIs Used

The application was developed using the following technologies:

  • React
  • Typescript
  • Tailwind CSS
  • Vite

In addition, the application makes use of asynchronous requests between two free APIs to complement data and create the interface. For more information on the APIs used, see the links below: