Giter Site home page Giter Site logo

shivani789 / foss-events Goto Github PK

View Code? Open in Web Editor NEW

This project forked from naman360/foss-events

1.0 1.0 0.0 141 KB

A simple website with a collection of open-source events happening across the globe. This is a beginner-friendly repository that helps you learn git and contribute to web projects. Happy Hacktober! :octocat:

Home Page: https://fossevents.netlify.app/

JavaScript 30.48% HTML 29.59% CSS 39.92%

foss-events's Introduction

dschackfest

Foss-Events

Issues PRs Maintenance Forks Stars Watchers Twitter Follow Tweet

A simple website with a collection of open-source events happening across the globe. This is a beginner-friendly repository that helps you learn git and contribute to web projects.

Links

Browser Support

  • Firefox: version 4 and up
  • Chrome: any version
  • Safari: version 5.2 and up
  • Internet Explorer/Edge: version 8 and up
  • Opera: version 9 and up

Technology Stack used:

  • Frontend: HTML5, CSS3, JavaScript
  • Backend: Node.js, Express.js
  • IDE: VS Code
  • Version Control: Git and GitHub
  • Database: MongoDb
  • Hosting: Heroku, Netlify

Slack Channel

chat on slack

GitHub Repository Structure

S.No. Branch Name Purpose
1. master contains the frontend code
2. backend contains all backend code

Get Started

Steps for Contributing

Frontend

  • Fork and clone the Repo by typing the following commands in the terminal
$ git clone https://github.com/your-username/foss-events.git
$ cd foss-events/Frontend
  • Open this folder in your favourite IDE.
  • Run npm install.
  • Run git pull command to sync with remote repo.
  • Move to data folder and open events.json file.
  • Now to add an event to website, add an object with keys same as listed in existing objects in the file.
  • Run npm start for starting server.
  • Save and commit your code.
  • Push to your fork of the repository , navigate to original repository and make a pull request.

Backend

Note: You must have Nodejs installed

  • Fork and clone the Repo by typing the following commands in the terminal
$ git clone https://github.com/your-username/foss-events.git
$ cd foss-events

fork


clone


clone

  • Change Branch using:
$ git checkout backend
$ cd Backend

branch

  • Get connection string from Mongo Atlas by creating a cluster or you can also use your locally installed mongodb
  • You can click here to learn how to connect atlas to you project
  • Create a new file named .env in the Backend folder and copy the format of .env.example file
  • Paste the connection string in the .env file in the DB_CONNECT variable
  • Install node dependencies using:
$ npm install

install

  • To start the server, type:
$ node server

start

  • Make changes to the code(for ex- add an update route)
  • Stage your changes using:
$ git add .
  • Commit your changes using:
$ git commit -m "add any comment"
  • Push the changes to the forked repository using:
$ git push 
  • Navigate to the original repository and make a pull request

Currently working Routes

  • Get Routes:
    • /event - Displays all the events
    • /event/:title - Displays the details of the specific event
  • Post Routes:
    • /users/login - Login Route
    • /users/signup - Signup Route
    • /event/addevent - Route for adding an event

Resources

Hurray!!! You just got closer to completing your hacktoberfest challenge. ๐Ÿ˜ƒ

Happy?? Star โญ this Repo. ๐Ÿคฉ

Check your Hacktoberfest Contribution status at: https://hacktoberfest.digitalocean.com/profile

ForTheBadge uses-git ForTheBadge uses-html ForTheBadge uses-css ForTheBadge uses-js

Made By DSC JSS NOIDA with โค๏ธ



ForTheBadge built-with-love ForTheBadge built-by-developers

Need help? Feel free to contact us @ [email protected]

Connect with us

foss-events's People

Contributors

ayush-tiwari57 avatar naman360 avatar pragativerma18 avatar shruti3004 avatar heysujal avatar paarth17032000 avatar atimabh avatar aman123956 avatar cape-coder avatar dwikychandra21 avatar harshit9270 avatar ojuswizard avatar shivangirai1310 avatar utkarsh1520 avatar rudrakshi99 avatar

Stargazers

Shivani Gupta avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.