EduardoRodriguesF / calendar

Web calendar using ReactJS and Redux

Home Page:calendar.eduardorodriguesf.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

Web calendar using ReactJS and Redux

calendar.eduardorodriguesf.vercel.app

License:MIT License


Languages

Language:TypeScript 97.4%Language:HTML 2.2%Language:JavaScript 0.3%