Poll App is a powerful polling application that enables users to cast their vote, and visualize data effortlessly.
- Interactive Polls: Cast your opinions by participating in. Your voice matters!
- Real-time Visualization: Experience dynamic insights at your fingertips! Visualize poll results instantly with interactive charts powered by Recharts, enabling you to grasp trends and patterns effortlessly.
- Intuitive User Interface: Enjoy a seamless and delightful user experience with our thoughtfully crafted Material-UI components. Navigate the app effortlessly and engage in polls with ease.
- Efficient API Testing: Streamline your development process with ThunderClient, a powerful tool that allows you to efficiently test APIs. Ensure your backend functions smoothly and handle requests seamlessly.
- Global Accessibility: Deploy your frontend with confidence using Vercel, a reliable platform that ensures your application is accessible to users worldwide. Reach a broader audience and make your polls accessible to everyone, everywhere.
- Frontend: ReactJS, Material-UI
- Backend: Node.js, Express, PostgreSQL
- Data Visualization: Recharts
- API Testing: ThunderClient
- Deployment: Vercel
The client
folder contains all the client-side code for the React application. Here's the updated structure of the client
folder:
client
โ
โโโ public # Contains public assets (HTML, images, etc.) served by the React app
โโโ src # Main source code for the React application
โ โโโ Assets # Contains all the assets
| | โโโ Icons # Icons
| | โโโ Images # Images
| | โโโ Stylesheets # Stylesheets
โ โโโ Components # Reusable React components
โ โ โโโ Component1 # Specific component folder
โ โ โโโ Component2 # Another component folder
โ โ โโโ index.js # index file
โ โ โโโ ... # Other component folders
โ โ
โ โโโ Constants # Links, data, and other constants
โ โโโ Pages # Individual page components
โ โ โโโ index.js # index file
โ โ โโโ Page1 # Specific page folder
โ โ โโโ Page2 # Another page folder
โ โ โโโ ... # Other page folders
โ โ
โ โโโ Themes # Material-UI theme configuration
โ โ โโโ index.js # index file
โ โ
โ โโโ App.js # Main component where routes and app structure are defined
โ โโโ index.js # Entry point of the React app
โ โ
โ โโโ components/index.js # Combined index file for all components
โ โโโ constants/index.js # Combined index file for all constants
โ โโโ pages/index.js # Combined index file for all pages
โโโ ...
The server
folder contains all the server-side code for the Node.js, Express, and PostgreSQL application. Here's the structure of the server
folder:
server
โ
โโโ database.sql # db structure
โโโ db.js # db configs
โโโ index.js # Entry point of the server application
โโโ ... # Other files
-
Clone the Repository:
git clone [your forked repo url]
Replace
[your forked repo url]
with the actual URL of your Git repository. -
Client Setup:
- Navigate to the
client
folder and install dependencies usingnpm install
. - Run the client-side application using
npm start
. - More documentaion in Client README.md
- Navigate to the
-
Server Setup:
- Navigate to the
server
folder and install dependencies usingnpm install
. - Set up your PostgreSQL database and configure the connection in the server.
- Run the server-side application using
npm start
. - More documentaion in Server README.md
- Navigate to the
-
Start Polling: Open the client app, create polls, vote, and explore insightful visualizations!