Giter Club home page Giter Club logo

breaking_badge's Introduction

breaking_badge

Table of Content

Team

The team members are:

Introduction

Part of our becode training, we had to create a full stack website. Here is the main instruction given:

Create a badge attribution system from an existing codebase. The login system is already partly done (you still have to create the frontend)You must find a way to store badges into a database. There is two account types: ADMINs who can create/edit/delete badges and grant them. NORMIEs who can receive badges You must keep most of the logic outside of pages, into functions, for readability BONUS: Organize badges by topics so you can display a progression

Find our second attempt to a fullstack website here

Technologies

  • HTML
  • JS
  • CSS
  • Bootstrap
  • PHP
  • SQL
  • phpmyadmin
  • Git hub
  • Git hub projects

Setup

Github

We worked with github to share our code. Find the repo here.

git init
git clone (url)

Management

We used Github projects to keep track of our work process and made mornings and afternoons briefs to stay aligned with the final objectives.

Design

Here is a prototype of the website to get the frontend started image

Here is the plan of our future database and tables image

Here is an image of the database architecture image

Improvements

We wish to improve:

  • Add some real shapes instead of its name
  • Bonus task is missing
  • Add a profile picture when creating a new user
  • The stat feature is also missing
  • Have a better responsiveness

Contributing

Pull requests are mandatory. Our team was asked to make commits and pull request often to keep track of everybody's work.

Please make sure to update tests as appropriate.

License

MIT

Disclaimer

Fair use disclaimer this website is for educational purposes only.

breaking_badge's People

Contributors

agkabongo avatar mariefourriere avatar nalessoaxel avatar khalidmengat avatar

Watchers

 avatar

Forkers

mariefourriere

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.