Skip to content

muskan-fatim/Tech_event

πŸ” Tech_Event

GSSoC Logo

🌐 Visit the website to explore real-world projects, filter by tech stack, and discover new ideas!


πŸ“… One-Page Next.js Website with CSV Data Handling

🌟 Overview

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.

🌸 GirlScript Summer of Code 2025

πŸ’¬ 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!


πŸ› Report a Bug

✨ Request a Feature

πŸ”§ Features

  • πŸ“‘ API-Based Data Fetching: Fetch and update event data via custom API routes.
  • πŸ“ CSV Data Management: Read/write event info using fs and papaparse.
  • πŸ” 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.

πŸ› οΈ Tech Stack

  • Next.js
  • React
  • Tailwind CSS
  • Papaparse
  • Node.js fs module

πŸš€ Getting Started

πŸ“¦ Prerequisites

  • Node.js (>= 16.x)
  • npm or yarn

πŸ“₯ Submitting a Pull Request

We welcome contributions as part of GirlScript Summer of Code 2025 (GSSoC'25) and beyond!

Follow these steps to contribute your changes to DevDisplay:

  1. 🌟 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

  2. πŸ“₯ 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
  3. 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
  4. Make Changes Add your new ML projects, games, websites, or enhancements. Fix bugs or improve UI/UX as needed.

  5. Commit Your Changes Use a meaningful commit message:

    git add .
    git commit -m "πŸ“¦ [Feature Add] Add XYZ website project"
  6. Push Your Changes Push your branch to your GitHub fork:

    git push origin my-feature-branch
  7. 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


🧭 Steps to Run the Project

# 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 dev

Visit 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 output

πŸ™Œ Contributors

Thanks to these amazing people who have contributed to the Tech_event project:


πŸ“¬ Contact

Have ideas, feedback, or just want to say hi?

Reach out on Twitter @mushiiFatima or drop an issue to get involved.


πŸ’‘ Suggestions & Feedback

Feel free to open issues or discussions if you have any feedback, feature suggestions, or want to collaborate!


πŸ“œ Code of Conduct

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.


πŸ“„ License

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

About

Its one page website that unique on all repository because in this project I am playing with csv

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 11

Languages