Agenda-app is React web application.
The app presents agenda of the event. Workshops are grouped by days (choosed using select element) and time. Each workshop can be assigned a tag (level). When particular workshop element is expanded more details is visible.
The application has a CRUD admin panel to manage data. After login it's possible to add, edit or delete particular workshop or tag and modify the basic event information like title or tags label.
The main goal of this project is to know React better.
https://agenda-app-aw.netlify.app/
- This project was bootstrapped with Create React App.
- Styled with Styled Components
- Uses:
- Admin panel authenticated and authorized with Auth0
- Deployed on Netlify
https://github.com/awysocka/agenda-app-backend
- Run backend server from that repository https://github.com/awysocka/agenda-app-backend
- Clone this repository
$ git clone https://github.com/awysocka/agenda-app.git
- Go into the repository
$ cd agenda-app
- Instal dependencies
$ npm install
- Create account in www.auth0.com
- Useful article which shows how to add user authentication to React and how to configure your account. The Complete Guide to React User Authentication with Auth0
- Create .env file in project root directory, paste the code below and set your Auth0 data
REACT_APP_AUTH0_DOMAIN='ENTER YOUR DOMAIN'
REACT_APP_AUTH0_CLIENT_ID='ENTER YOUR CLIENT ID'
REACT_APP_AUTH0_AUDIENCE='ENTER YOUT AUDIENCE'
REACT_APP_SERVER_URL=http://localhost:3003
REACT_APP_ADMIN_URL=http://localhost:3000/admin
- Run a local development environment
$ npm start
- in progress
- In the future I have plan to add tests and add more features.