Code Monkey home page Code Monkey logo

teamprojectreact's Introduction

START School of Code: React Team Project

This README includes general information about the project, the methods and modules used for building it and the team behind it.

You can find a live demo of this project HERE and the GitHub repository HERE.

Table Of Contents

General Information

This project is a team collaboration between students of START School of Code by SocialInnov. The aim of the bootcamp is to provide young professionals with the necessary tools and skills for a Javascript Developer in today's market.

The project is a React.js application that must have a Dashboard page -- listing fast stats and a quick overview of classes available, a Courses page -- the full comprehensive list of classes available, an Add Course page -- a form that allows users to add classes to the application and a Course Details page that gives in-depth information about the class. The same page also allows the user to either edit or delete the currently selected course.

Modules and Methods

The modules used for this project were:

  • Axios.js/Fetch API -- Used for API calls. Each member used their module of choice for this task
  • React-router -- A necessary building block for turning SPAs to MPAs
  • TailwindCSS -- This solution was picked among others as the most flexible, lightweight and the ability to create complex elements.
  • FontAwesome -- FontAwesome's react module was used in parallel with our styling module in an effort to create a cohessive design

The team used professional channels of communication such as Slack, Teams etc. to organise and keep track of the project's progress. Each member was assigned with a specific task (sprint) and upon completion it was peer reviewed before moving forward with the next task.

The Team

The team consists of the following 4 students:

Name Contact
Dimitris Zafeiris LinkedIn - GitHub - Email
Stelios Katsaberis LinkedIn - GitHub - Email
Nikolaos Katsafados LinkedIn - GitHub - Email
Nikolaos Petrolis LinkedIn - GitHub - Email

teamprojectreact's People

Contributors

npetrolis avatar ssoc2dzafeiris avatar ssoc2nkatsafados avatar ssoc2npetrolis avatar ssoc2skatsaberis avatar zafeirisdimi avatar

Stargazers

 avatar  avatar

teamprojectreact's Issues

Code review suggestions

All the features are working fine and the structure / code of the project is really good! I also love tailwind by the way...

Suggestions for implementation:

  • Fix all linting errors (easy)
  • Clear the "Add new course" form after successfully add a new course (easy)
  • Check if you can combine the functionality of the "Edit Course" component with the "Add New Course" component. You can use the same form, in the first case the "initial values" will be your current course data, and in the second one it will be the same data (abject) with empty values (hard)

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.