Code Monkey home page Code Monkey logo

breteau-dashboard's Introduction

Hi ๐Ÿ‘‹, I'm Berkeli

berkeli header image


โ€ƒ

Hi ๐Ÿ‘‹, I'm Berkeli, Site Reliability Engineer based in London. I have extensive experience working in agile environments as a full stack engineer.

โ€ƒ

โ€ƒ

  • ๐Ÿ”ญ Iโ€™m currently doing and internship at Slack as a Software Engineer.

  • ๐Ÿ“š In my free time I build things for CodeYourFuture and volunteer as a mentor for students.

  • ๐ŸŒฑ Iโ€™m currently learning GO, Observability & Monitoring of Distributed Systems, Event Driven Systems

  • ๐Ÿ’ฌ Ask me about AWS, Terraform, TypeScript, SQL/NoSQL Databases

โ€ƒ

Me around the web:


โ€ƒ Linkedin: berkeli Twitter: halmyradov Instagram: halmyradov GitHub: berkeli StackOverflow: berkeli CodeWars: BerkeliH LeetCode: berkeli CodePen: berkeli

โ€ƒ

๐Ÿ› ๏ธ My Skills


Programming languages:

โ€ƒ JavaScript TypeScript GO GraphQL HCL Bash Python APEX LWC PHP PineScript

Frontend development:

โ€ƒ React Redux Next.js Material-UI Chakra UI SCSS CSS HTML Chart.js

Misc tools:

โ€ƒ Git GitHub GitLab Docker Jest Cypress Jira VS Code Postman

Services & Frameworks:

โ€ƒ Hasura Auth0 Serverless

Databases:

โ€ƒ MongoDB PostgreSQL MySQL Redis SQLite

SRE & DevOps:

โ€ƒ AWS Azure Terraform Kubernetes Consul Prometheus Grafana Nginx Chef

โ€ƒ

๐Ÿ“ˆ My GitHub Stats and Activity

๐Ÿ’ป Profile Stats

Berkeli's Github StatsBerkeli's Top Languages

๐Ÿ”ฅ Streak Stats

Berkeli's GitHub stats

๐Ÿ“Š Contribution Stats

Berkeli's Activity Graph

Berkeli's Profile View Counter

breteau-dashboard's People

Contributors

berkeli avatar delroygayle avatar irinshilova avatar

Stargazers

 avatar

Watchers

 avatar

breteau-dashboard's Issues

Regarding the Back End/Server

  1. populate the SQL database
  2. Use pg tools to modify server.js to query the database via endpoints
  3. Then connect to the current forms and tabular display

Frontend: School Form

Show fields required with asterisk
School form -> responsible person should be a dropdown of available people.
Add validation

Enter Data

AS a Admin
I WANT TO be able to add a school
SO THAT I can have the rest of information

ACCEPTANCE CRITERIA:

  1. country (free text)
  2. location (free text)
  3. school name (free text)
  4. responsible name (free text)
  5. when deployed (data?)
  6. status (autonomous, unknown, other, year 1, year 2)

GIVEN: I am adding a school
WHEN: the school is added
THEN: I can see information about that school

IMPLEMENTATION NOTES

  1. Set up the database, create a table for the data
  2. Add chakra-ui,
  3. Formik
  4. PostgreSQL
  5. Create the form
  6. Create API to send data to backend

CHECKLIST:

  • I have defined the user story
  • I have defined some acceptance criteria
  • I have included any implementation notes
  • I have included all relevant links

Set up FE and BE environment in repo

Set up the BE and FE environments in the repo so everyone can start working on it.

AS A developer
I WANT the repo to have the basic setups completed
SO THAT I can work on features that depend on basic setup

ACCEPTANCE CRITERIA / Business Rules:

  • Setup Prisma for backend

  • Setup folder structure for backend

  • Ensure the api is running correctly and connects to DB

  • Create DB migrations to create tables

  • Add Chakra UI to FE

  • Add Formik to FE

  • Add FE layouts so that everything is standardized

  • Ensure FE runs correctly

  • Add env variables template for FE and BE

Visualise Data

Story

As a user
I Want to be able to visualise the data that has been entered

So That I can see how the overall data relates to each other.

For users' familarisation, the webpage forms need to show some similarity to Breteau Foundation's current spreadsheet view.

Also the user needs to see how Breteau Foundation's schools are progressing on a monthly, quarterly and yearly basis.

The type of data that currently is being viewed consists of information such as Country, School Name, where the school is located, the status of how the school is being run, number of students, number of tablets used by students, number of tablets used by teachers, etc.

Acceptance Criteria

  1. Need a Front End HTML/CSS application to view the data
  2. The Front End would need to be able to access the information from a SQL Database.

Implementation Notes

  1. PostgreSQL
  2. REST API as the link between the Front-End and Back-End

Checklist:

  • I have defined the user story
  • I have defined some acceptance criteria
  • I have included any implementation notes
  • I have included all relevant links

Set up Heroku

Configure Heroku to deploy PRs to QA environment and master to main environment.

AS A Developer
I WANT to run a QA environment on heroku
SO THAT changes on my branch can be tested in a live environment

ACCEPTANCE CRITERIA / Business Rules:

  • When a PR is opened against the master branch, CI should deploy the app from the branch to qa evnironment
  • Run tests and linting
  • Server folder should deploy to Heroku
  • Client folder should deploy to Netlify

Create Users

AS A SuperAdmin
I WANT to create user accounts
SO THAT they can access the platform with correct role

Implement auth0 so they can create a user that can,

ACCEPTANCE CRITERIA / Business Rules:

  • Name + Surname: Text only
  • Email: validate email
  • Country ? this is not confirmed yet
  • Role: SuperAdmin, Admin, Country Manager
  • Status: Active | Inactive
  • createdAt | updatedAt

GIVEN: I am creating a new user
WHENN: the email address is valid
THEN: new user is created in auth0 and assigned the correct role

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.