Calendar app is a web application for manage your life private events using a Calendar. Create an account and start organizing your days.
You are the only admin of your events, being able to:
- Create events
- Title, notes (optional), start date, end date
- Update events
- Delete events
- View other people events (now only private events from march 2023)
Visit the deployed app at Calendar App
Check the backend code and tech stack at Calendar Back github repository
Update
From march 2023 you can only see your events, that means all the events are now private.
It's the source code for the frontend of the calendar app.
This project was created using the M.E.R.N. stack that stands for MongoDB, Express.js, React.js and Node.js
- Frontend library - react.js
- State container - Redux.js with Redux Toolkit
- Routes - React Router
- Tests - React testing library and Jest
- Continuous Integration - GitHub Actions, check calendar.yml file
- Build tool - Vite.js
- Main programming languaje - javascript
Read other project dependencies and versions in the package.json file.
Check the backend code and tech stack at Calendar Back github repository
There are four ways you can use this project.
If you are going to use it for development, testing or your own production, first follow these steps for any of the modes:
- Configure the backend project with this configuration, in order to consume that api from this frontend project.
- Clone the frontend project
git clone git@github.com:augusticor/calendar-front.git - Continue with the mode you want
- Install the project dependencies using npm install
- Rename the .env.development.template file to .env.development
- Start the project using npm run dev
- Install the project dependencies including development dependencies using npm install --include=dev
- Rename the .env.test.template file to .env.test and complete the pending environment variables
- Start the project using npm run test
- Rename the .env.production.template file to .env.production and set the env variable VITE_API_URL to your deployed backend api url, take in account it should finish with /api
- Create optimized production site using the command npm run build
- Upload the dist folder to you preferred host
Just visit the deployed app at Calendar App Render
Runs react app in development mode, uses the ".env.development" file.
Starts testing the project and diplays the tests status in the command prompt. Uses the ".env.test" file.
Runs the app in preview mode, first build it. Refer to documentation
Starts testing the project and diplays the tests status in the command prompt. Uses the ".env.test" file.
Tests the project once and does not listen for changes in *.test.js files as "npm run test" would do. Use it for continuous integration.
More information on Vite commands: Official CLI docs