Skip to content

reemharbi/eternity

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Eternity

Tri_logo

Motivation

Eternity was made as a way to remember all the great memories and members of the SEI - Eternity course. It also serves as a great reference to all the course materials that were took in the duration of it.

❤️


  • Wireframes

  • Final Design


Easter Eggs

Egg_1Egg_2Egg_3Egg_4Egg_5

Try to catch them all! ✨


Future Plans:

  • Building games to add as easter eggs that are triggered on certain events.
  • Adding projects 3 and 4 to the students projects component.
  • Add the ability for course members to log in using their github accounts
  • Logged in course memebers can add to the timeline of memories

Future Plans Accomplished So Far:

  • Added project 3 to students projects ✔️
  • Course members can log in using their github accounts ✔️
  • Logged in course members can add to the timeline of memories ✔️

User Stories:

  • The user will be able to change website routes on a single page.
  • The user will be able to search through projects using student name, project name or project number (1,2,3...).
  • The user will be able to click on cards on materials componenet that redirect to course materials cheatsheets.
  • The user will be able to browse the timeline in chronological order.
  • The user will be able to invoke 'Easter Eggs' through specific triggers.

Technologies Used:

  • Reactjs: The website was built on Reactjs
  • React Semantic-ui: The library used for styling
  • Firebase: Was used to create an API to store database
  • Monday.com: Was used for team communication and project timeline
  • Visual Studio: Was used for coding
  • Source Control: was used to manage commit versoins
  • loading.io: Was used to create the animated logos for the website
  • Google Chrome Web Browser: Was used to view the website
  • jsoneditoronline.org: Was used
  • emojipedia.org: Was used for emojis
  • Axios: for GET requests
  • react-vertical-timeline-component: Was used for the vertical timeline library
  • animate.css: Was used for text animations

Installation:

  • Internet connection
  • Web browser

That's it! ⭐


Development Process:

The website was built on rails. Components were divided on team members to work on. Source controlling was used to merge all components. A database was built using firebase. Styling was done using Semantic-ui library. The team communication was done through Monday.