https://github.com/muhdhanish/encode_client_cra
This repository contains the source code for a Create React App (CRA) project developed using React, TypeScript, and other related technologies. The project was initially developed using Vite, but has been transitioned to CRA for easier maintenance and compatibility.
https://github.com/muhdhanish/encode_client_cra
aws-s3 axios chat course create-react-app forgot-password intrepreter javascript mern-stack online-learning otp-verification paypal react s3 tailwindcss typescript
Last synced: 6 months ago
JSON representation
This repository contains the source code for a Create React App (CRA) project developed using React, TypeScript, and other related technologies. The project was initially developed using Vite, but has been transitioned to CRA for easier maintenance and compatibility.
- Host: GitHub
- URL: https://github.com/muhdhanish/encode_client_cra
- Owner: MuhdHanish
- License: mit
- Created: 2023-09-05T07:22:46.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-06T12:38:05.000Z (about 1 year ago)
- Last Synced: 2025-04-08T02:49:42.048Z (6 months ago)
- Topics: aws-s3, axios, chat, course, create-react-app, forgot-password, intrepreter, javascript, mern-stack, online-learning, otp-verification, paypal, react, s3, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 1.02 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Encode Learning App - Front End
Welcome to the Encode Learning App front end repository! This is the client-side of our MERN stack application, designed to provide a seamless learning experience.
## Prerequisites
Before you start, make sure you have the following tools installed:
- Node.js (v14 or higher)
- npm (Node Package Manager)
- Git
## Getting Started
1. Clone the repository:
git clone https://github.com/MuhdHanish/Encode-Client-CRA.git
2. Navigate to the project directory:
3. Install dependencies:
npm install
4. Start the development server:
npm start
This will start the application in development mode. Open your browser and visit `http://localhost:3000` to see the app in action.
## Environment Variables
To run the Encode Learning App front end properly, you need to set up the following environment variables. Create a `.env` file in the root of your project and add the following:
VITE_SERVER_URL= "your server url"
VITE_GOOGLE_CLIENT="your google client id"
VITE_BUCKET_NAME="your bucket name"
VITE_REGION_NAME="your bucket region name"
VITE_BUCKET_ACCESS_KEY="your bucket access key"
VITE_BUCKET_SECRET_KEY="your bucket secret key"
VITE_PAYPAL_CLIENT_ID="your paypa client id"
VITE_BUCKET_BASE_URL="your bucket base url"
Make sure to replace the values with your actual configuration.
## Folder Structure
- `/src/` - React components, assets, styles, routes, and services.
- `/public/` - Public files (favicon, HTML template, etc.).
- `.env` - Environment variables configuration.
- `.gitignore` - Git ignore file.
- `package.json` - Node.js dependencies and scripts.
- `.tailwind.config.js` - Tailwind css configration and custom themes.
- `README.md` - This README file.
## Contributing
We welcome contributions! If you'd like to contribute to this project, please follow our [Contributing Guidelines](CONTRIBUTING.md).
## License
This project is licensed under the [MIT License](LICENSE).