🌐 Visit the website to explore real-world projects, filter by tech stack, and discover new ideas!
This is a single-page web application built with Next.js, where all event logic is handled via API routes. The app reads from a CSV file, displays upcoming tech events, and lets users add new ones dynamically.
💬 This project is proudly part of GSSoC '25! Thanks to the amazing open-source community, contributors, and mentors for your valuable support. Contributions are welcome from GSSoC contributors and open-source enthusiasts!
- 📡 API-Based Data Fetching: Fetch and update event data via custom API routes.
- 📁 CSV Data Management: Read/write event info using
fsandpapaparse. - 🔍 Search Functionality: Filter events by event name.
- ⚡ Real-Time Updates: Events update without a full-page refresh.
- 🚀 Fast UI: Built with Tailwind CSS and efficient state management.
- Next.js
- React
- Tailwind CSS
- Papaparse
- Node.js fs module
- Node.js (>= 16.x)
- npm or yarn
We welcome contributions as part of GirlScript Summer of Code 2025 (GSSoC'25) and beyond!
Follow these steps to contribute your changes to DevDisplay:
-
🌟 Star & Fork the Repository
Click the “Star” button to support the project, then “Fork” the repo to create your own copy:
👉 https://github.com/muskan-fatim/Tech_event.git -
📥 Clone Your Fork
Use the following command to clone your forked repository to your local machine:git clone https://github.com/Your-Username/Tech_event.git
-
Create a Branch Navigate to the project directory and create a new branch for your changes:
cd Tech_event git checkout -b my-feature-branch -
Make Changes Add your new ML projects, games, websites, or enhancements. Fix bugs or improve UI/UX as needed.
-
Commit Your Changes Use a meaningful commit message:
git add . git commit -m "📦 [Feature Add] Add XYZ website project"
-
Push Your Changes Push your branch to your GitHub fork:
git push origin my-feature-branch
-
Submit a Pull Request
Go to your fork on GitHub.
Click "Compare & pull request".
Add a descriptive title using one of the prefixes: [UI], [UX], [Feature Add].
Link the related issue (if any) and clearly describe your changes.
💡 Good first issues are labeled under
gssoc
# 1. Clone the repository
git clone https://github.com/muskan-fatim/Tech_event.git
cd Tech_event
# 2. Install dependencies
npm install # or yarn install
# 3. Start the development server
npm run dev # or yarn devVisit http://localhost:3000 in your browser to see the app live.
📂 Explore the Project Directory Structure
Tech_event/
├── .gitignore
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── README.md
├── next.config.ts
├── tailwind.config.ts
├── tsconfig.json
├── package.json #implied by npm/yarn references
├── public/ #implied by Next.js standard structure
├── app/
│ ├── layout.tsx #implied by Next.js app router structur
│ ├── page.tsx #main page component
│ └── ...other Next.js app router files
├── components/ #custom React components
│ └── ...component files
├── pages/
│ ├── api/ #API routes
│ │ └── ...API route handlers
│ └── ...other page files #if using pages router alongside app router
├── styles/ #implied by Tailwind CSS usage
│ └── globals.css
├── data/ #implied by CSV handling
│ └── events.csv #data file mentioned in README
├── node_modules/ #ignored in .gitignore
└── .next/ #ignored in .gitignore - Next.js build outputThanks to these amazing people who have contributed to the Tech_event project:
Have ideas, feedback, or just want to say hi?
Reach out on Twitter @mushiiFatima or drop an issue to get involved.
Feel free to open issues or discussions if you have any feedback, feature suggestions, or want to collaborate!
To ensure a welcoming and inclusive environment, we have a Code of Conduct that all contributors are expected to follow. In short: Be respectful, be kind, and be collaborative. Please read the full Code of Conduct before participating.
This project is licensed under the MIT License.
Thank you again for your interest. We can't wait to see what you build with us! ❤️❤️
#GSSoC25 #OpenSource #WomenInTech #NextJS #TechEvents