https://github.com/itsindrajput/razorpayx
https://github.com/itsindrajput/razorpayx
front-end-development javascript razorpay-lite react-router-dom reactjs tailwind-css
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/itsindrajput/razorpayx
- Owner: itsindrajput
- Created: 2024-08-01T21:30:41.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-14T16:42:03.000Z (11 months ago)
- Last Synced: 2025-01-27T13:10:13.084Z (5 months ago)
- Topics: front-end-development, javascript, razorpay-lite, react-router-dom, reactjs, tailwind-css
- Language: JavaScript
- Homepage: https://irazorpayx.netlify.app/
- Size: 124 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RazorpayX
This project is a simple web application built using React and Tailwind CSS. The application simulates a RazorpayX-like interface with two main sections: The Home page and an Insights section.
## Features
### Home Page
- **User Interface:** The Home page is designed with an intuitive and visually appealing UI.
- **Balance Display:** Users can view their balance prominently on the Home page.
- **Onboarding Steps:** A step-by-step guide is available for users to complete their onboarding process.
- **Additional Information:** The Home page also includes various other elements to enhance the user experience.
### Insights Section
- **Activity Feed:** Upon clicking the Insights button on the Home page, users are redirected to a detailed activity feed. This section displays user activities in a clean and organized manner.
## Technologies Used
- **Vite:** A fast build tool that offers a great development experience.
- **React:** A JavaScript library for building user interfaces.
- **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.
## Setup Instructions
1. **Clone the Repository:**
```bash
git clone https://github.com/itsindrajput/razorpayX.git
```
2. **Navigate to the Project Directory:**
```bash
cd razorpayx
```
3. **Install Dependencies:**
```bash
npm install
```
4. **Start the Development Server:**
```bash
npm run dev
```
5. **Access the Application:**
Open your browser and navigate to `http://localhost:5173` to view the app.
## Explore These Live Links Of RazorpayX 🎉
🌏 https://irazorpayx.netlify.app/
## Contributing
Feel free to fork this repository, make your changes, and submit a pull request. Contributions are welcome!
## License
This project is open source and available under the [MIT License](LICENSE).