Giter Club home page Giter Club logo

2020-junior-devs-project's Introduction

2020 Junior Devs Project - Earth Academy

2020 collaboration project for members of the Junior Devs group

Purpose of this project

The main goal of this project is to enable members of the Junior Devs group to collaborate and learn valuable skills such as remote collaboration, practice their programming skills, learn new frameworks, and add a nice project to their portfolio, among other things.

All members of the group had a chance to add their ideas for a project to work on together, and we finally decided on one via a poll on the Telegram group. The details of the project are below.

In the following days we will discuss how the work will be organized and more information will be added to this repository.

Details on the selected project

E-learning platform focused on educational material to reduce waste

  • Creation of a landpage
  • Catalog of available E-Learnings, with possibility to track completed, open, and in progress e-learnings
  • Creation of 2 or more short E-Learnings, with at least 5 slides and a short exam at the end with a minimum requirement of 70%, otherwise the e-learning should be started again, or just the section that failed... Suggested topics for the e-learning
    • A journey to a "Zero Waste" Lifestyle
    • Packaging Free Shopping
    • Reduce plastic at home
    • How to classify correctly your home waste: Paper/Glass/Plastic/Textil/Organic( for compost)/....
    • How to make compost at home

Tech stack

We will be building this project with JavaScript: React on the frontend and Node.js on the backend. More details to come!

How to contribute to this project

Please read our contributing guide.

How to run the app

  • Fork the repo. See our guide for this here

Design

https://www.figma.com/file/N32tINg0dN2bQTgWDNjNfS/Elearning-Platform-(home)-(Copy)?node-id=0%3A1

Backend

  • See here how to set up the local database.
  • In the main directory, run npm install
  • Run npm start. If all went well you should see "NodeJS Server Running"

Frontend

  • cd frontend
  • Run npm install (the frontend and backend are two separate projects with separate package.json files, so you need to do this again inside the frontend directory
  • Run npm run dev. If all went well, you should see "Server running at http://localhost:1234". You can now open the project at http://localhost:1234.

*** Important ***: There is a HelloWorld.jsx sample component with its corresponding test file (HelloWorld.spec.jsx) and story (HelloWorld.stories.jsx). DO NOT delete these, they are there as templates to help you and others get started.

To run Storybook:

  • cd frontend if you're not already in the frontend directory
  • Run npm run storybook. The browser will open up with Storybook.

2020-junior-devs-project's People

Contributors

akdsco avatar deboragaleano avatar digitalreform avatar dirtydiesel46 avatar enzo-parodi avatar ibonkonesa avatar ighmouraceneb avatar jeduardo824 avatar jesssanchezc avatar jordigiltomas avatar rilindaa avatar virginiabalseiro avatar

Watchers

 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.