/calendar

Web calendar using ReactJS and Redux

Primary LanguageTypeScriptMIT LicenseMIT

Calendar with ReactJS

💡 About

This is a small training and challenge I made for myself to learn how to work with the (sometimes complicated) JavaScript dates system. For now, it just shows you dates by month and allows you to select a date and highlight it.

👁️ Preview

Preview Desktop Preview Desktop

🏃 Milestones

  • Display month days in correct order
  • Change current month view
  • Select specific date
  • Keep date selected when changing months and not misselect in another month
  • Create events in dates
  • Improve time inputs
  • Month view displays events in dates before clicking

⚙️ Technologies

  • TypeScript
  • ReactJS
  • Redux
  • Styled Components
  • React Icons
  • ESLint, Prettier
  • Jest

Usage

  1. Clone the repository in your desired folder either by clicking on Code above and downloading ZIP file or by command:
$ git clone https://github.com/EduardoRodriguesF/calendar.git
  1. Go into the folder:
$ cd calendar
  1. Install dependencies:
$ yarn
# or
$ npm install
  1. Execute start command:
$ yarn start
# or
$ npm start
  1. Open localhost at port 3000

License

THis project is under MIT license.