codengage-schedule

The intern project using open source stack

✨ Code-base structure

The project is coded using a simple and intuitive structure presented below:

📦frontend
┃
📦src	
┣ 📂assets
┃ ┗ 📜react.svg		
┣ 📂components
┃ ┣ 📜RequireAuth.jsx 	  	        # Defines logged to access demoapp	
┃ ┗ 📜SwitchTheme.jsx		        # Darkside component
┣ 📂contexts
┃ ┗ 📜PocketContext.jsx		        # Connects to PocketBase
┣ 📂pages
┃ ┣ 📜DemoApp.jsx		        # Calendar
┃ ┣ 📜Protected.jsx		        # Logged page return information
┃ ┣ 📜SignIn.jsx		        # Login page	
┃ ┗ 📜SignUp.jsx		        # Register page
┣ 📂styles
┃ ┣ 📜demoApp.css		        # Style for demoApp
┃ ┗ 📜modal.css		                # Style mode
┣ 📂utils
┃ ┣ 📜event-utils.js		        # Return events to Calendar
┃ ┗ 📜useDarkSide.js		        # Darkside component  
┣ 📜App.jsx		                # Main defines and call routes 
┣ 📜index.css		                # Tailwind component
┗ 📜main.jsx		                # Call App