SamroodAli / appointments-frontend

Codezilla appointments frontend codebase with Javascript, React, Redux, React Query, Framer motion, React-router-dom with programmatic navigation.

Code Zilla Appointments

Codezilla is a course catalogue website which presents a list of coding courses. You can watch them as well. Skill up with these courses for free. This is the companion app which lets you book appointments with the teachers at Codezilla.

Live Demo

heroku link

Codezilla Companion App

This is the companion app for codezilla which can be found here

• Repo Codezilla
• Live on heroku

Built With

• React using create-react-app
• Tailwind CSS
• Framer motion
• State management with the redux library
• React Query for smart queries,mutations and cach

Ruby on Rails backend Codebase

The Ruby on rails in this repo

The backend lives here

Features

• Single page React App with rails backend.
• Responsiveness across all screen sizes using Tailwind.
• Redux for global state management.
• Cached and conditional queries and mutations using React query.
• Custom built stateless authentication with jwt tokens in cookies.
• React served by Rails backend and hosted in one domain.
• Functional components with hooks.
• Custom hooks for code reusability.
• Notifications with react-notifications.
• Loading and auto sign-in states.
• Framer motion animations

Getting Started

To get a local copy up and running follow these simple example steps.

• A browser
• Node js (install node)

Setup

1. Clone repository:

  $ git clone https://github.com/SamroodAli/codezilla.git

2. Change directory inside project

cd codezilla-frontend

3. In your terminal, run

npm i

4. Deploy app to localhost

npm start

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\

npm run linters

This command runs the linters for the project

Author

👤 Samrood Ali

• GitHub: @githubhandle
• LinkedIn: LinkedIn

Attributions

asmyshlyaev177/react-horizontal-scroll hero home section - Armando99Rdz - https://tailwindcomponents.com/u/armando99rdz

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is MIT licensed.