Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jay-raam/componentx
ComponentX is built to simplify stock market data interpretation and enhance decision-making through sophisticated components and visualizations.
https://github.com/jay-raam/componentx
chartjs expressjs mongodb nodejs react-router reactjs tailwindcss vercel
Last synced: 4 days ago
JSON representation
ComponentX is built to simplify stock market data interpretation and enhance decision-making through sophisticated components and visualizations.
- Host: GitHub
- URL: https://github.com/jay-raam/componentx
- Owner: Jay-Raam
- Created: 2024-08-20T09:23:40.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-03T06:46:22.000Z (13 days ago)
- Last Synced: 2024-11-03T07:23:11.465Z (13 days ago)
- Topics: chartjs, expressjs, mongodb, nodejs, react-router, reactjs, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://jayasriraam-componentx.vercel.app/
- Size: 788 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ComponentX — v1
Welcome to ComponentX! My name is Jayasriraam, and I'm excited to introduce you to this project. ComponentX is a powerful tool designed for stock market analysis,
aimed at providing insightful data visualization and analytics for better investment decisions.
## Overview
ComponentX is built to simplify stock market data interpretation and enhance decision-making through sophisticated components and visualizations.
Whether you’re a trader, analyst, or enthusiast, this tool is crafted to help you make more informed decisions with ease.
## What I learned
This was my first experience working on a full-stack web application, and it provided me with valuable learning opportunities in database interaction and full-stack development. I designed the user interface based on a Figma file and implemented all functionalities using React.js and Tailwind CSS.
I gained hands-on experience with MongoDB, learning how to manage both local and deployed instances effectively. Additionally, I explored React Hook Form for managing and validating form data, which enhanced my understanding of form handling in React.
I also delved deeper into advanced features of Tailwind CSS, which improved my styling skills and allowed me to create more dynamic and responsive designs. Overall, this project was a significant learning experience and greatly contributed to my growth as a frontend engineer.
## Tech Stack
Client: React, TailwindCSS, Chart.js, Node.js, Express.js, Mongodb.
Hosting: Vercel.
## Screenshots & Demo
[View Live Demo](https://jayasriraam-componentx.vercel.app/)
## Run Locally
Clone the project
```bash
https://github.com/Jay-Raam/ComponentX.git
```
Go to the project directory
Install dependencies
```bash
cd client
```
```bash
npm install
npm install react-icons --save
npm install react-router-dom
npm install chart.js react-chartjs-2
```
Start the server
```bash
npm start
```
## Contributing & Usage
Incase you have any questions or concerns, please feel free to reach out to me on [Instagram.](https://www.instagram.com/_ivanjay_/) I am always happy to help!
## License
[MIT](https://choosealicense.com/licenses/mit/)