https://github.com/mdrianislam0or1/tele-com-fullstack
Description : This is a full-stack application for managing trade data using Flask for the backend and React for the frontend. Features CRUD operations for trade data. Data validation and error handling. Integration with MongoDB using Flask-PyMongo.
https://github.com/mdrianislam0or1/tele-com-fullstack
chart flask nextjs python table tailwindcss typescript
Last synced: 3 months ago
JSON representation
Description : This is a full-stack application for managing trade data using Flask for the backend and React for the frontend. Features CRUD operations for trade data. Data validation and error handling. Integration with MongoDB using Flask-PyMongo.
- Host: GitHub
- URL: https://github.com/mdrianislam0or1/tele-com-fullstack
- Owner: mdrianislam0or1
- Created: 2024-06-16T16:26:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-16T16:42:36.000Z (about 2 years ago)
- Last Synced: 2026-01-03T16:19:33.241Z (6 months ago)
- Topics: chart, flask, nextjs, python, table, tailwindcss, typescript
- Homepage: https://stock-trades-dashboard.vercel.app/
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tele-Com Full Stack Application
## Live
https://stock-trades-dashboard.vercel.app/
## Description
This is a full-stack application for managing trade data using Flask for the backend and React for the frontend.
## Features
- CRUD operations for trade data.
- Data validation and error handling.
- Integration with MongoDB using Flask-PyMongo.
- Environment variable management using dotenv.
## Lessons Learned
During this project, I learned:
- How to set up a full-stack application using Flask and React.
- Managing environment variables securely.
- Handling data validation and parsing in both backend and frontend.
- Interacting with a MongoDB database using Flask-PyMongo.
- Implementing CORS to handle cross-origin requests.
## Challenges Faced
- **Date Formatting Issues**: Initially faced issues with date formatting when updating trade data. Resolved by correctly parsing date strings.
- **Handling Immutable Fields in MongoDB**: Encountered errors when trying to update immutable fields like `_id`. Learned to exclude these fields from update operations.
- **State Management in React**: Managing the state for edit and view modes in the React component was challenging but taught me more about state management.
## How to Run
1. **Backend**:
- Install dependencies: `pip install -r requirements.txt`
- Run the Flask server: `python server.py`
2. **Frontend**:
- Install dependencies: `npm install`
- Run the React application: `npm run dev`
## Contact
- **Name**: Rian Islam
- **Phone**: +8801794193425