Skip to content

AmineMahiddine/GDG_Algiers_NewYear

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GDG-Algiers NEW_YEAR APP 🎉✨🎆🎈

A basic CHAT ROOM WITH A GAME

Description

A Project made to participate in GDG-Algires dev_challenge for the new year event from 22/12/2019 to 29/12/2019

Pages

With the following features:

landing Page
  • ✅ Convivial, Party Design
  • ✅ FireWork animation on the background
  • ✅ Responsive
  • ✅ About GDG-Algiers section
  • ✅ Contact section
Event Page
  • ✅ Conventual, Party Design
  • ✅ Chat Room made with nodeJS Express mongoDB
  • ✅ A small game inspired by flappy bird
    • Apreas on click
    • Responsive
  • ✅ Fire work animation on the background
  • ✅ A button that show a surprize on new years day
  • ✅ responsive

How to use 🤷‍♂️

clone or download the project .zip file

git clone https://github.com/AmineMahiddine/GDG_Challenge_newYear.git

Prerequisites 🐱‍💻

  • nodeJS installed
  • npm installed
  • mongoDB installed

Install the Dependencies :

In the server derectory:

  • Open a terminal and type

  • npm config user.name=""

  • npm config user.email=""

  • Init a derectory with your info
  • npm init -y
  • Install express and morgan

morgan: HTTP request logger middleware for node.js note: morgan is a middle-war libraries that logs all the incomming requests and will help while debugging

  • npm i express morgan
  • Install nodemon that will auto refresh whene a change is commited to the server
    • npm i --save-dev nodemon
  • Install cors
  • CORS is a node.js package for providing a Connect/Express middleware that can be used to enable CORS with various options.
  • npm i cors
  • Install monk to talk to MongoDB
    • npm i monk
  • Install bad-words A javascript filter for badwords
    • npm init bad-words
  • Install express-rate-limit
    • Basic rate-limiting middleware for Express. Use to limit repeated requests to public APIs and/or endpoints such as password reset.
    • npm init express-rate-limit

then

  • Type npm run dev

In the server derectory

  • Type npm i -g live-server

  • Type live-server

In the /client/game derectory:

  • Add the P5.js libraries from click here
  • Also you nedd to add p5.collide2d.js

Licence

This Project is under the MIT LICENCE

About

A tow pages dynamic website that contain a landing page in a convivial and beautiful Design and an event page that offers a chat room made with nodeJS and MongoDB. In addition, A Flappy Bird Clone game made using P5.js. | Git & GitHub | Design & prototype with Adobe XD and Adobe Illustrator.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors