A map for 1337 Khouribga's new labs clusters. This tool will help 1337 students find available posts, and search for other students in the cluster by name or login.

Overview

1337KH Labs Clusters Map

Hellow. This tool is made by 1337 Khouribga students for 1337 Khouribga students to help make their lives at the school easier.

This tool will allow students to find available posts, posts that are not currently working, find students by login or name, and other features to come.

At the bottom of this README, you will find a list of the contributors for this project. Wanna become one? here's how you can do that!

How to contribute

Creating your Intra app

First, head out to your Intranet dashboard's settings :

enter image description here

Then go to API.

enter image description here

Then press on "Register a new app".

enter image description here

Fill the form with a name for your app, and a Redirect URI (it can be any random URL doesn't matter), and for the scopes just leave them as they are.

After your app is created, you will find your client UID and secret keys.

Group-3

Creating a .env file

Now follow these steps :

  • Fork the repo
  • Clone it on your local machine
  • 'cd' into it, then create a '.env' file in the root of the project. Here is an example of how your .env file should look :
# your intra app secret keys
CLIENT_UID=<YOUR CLIENT UID>
CLIENT_SECRET=<YOUR CLIENT SECRET>

# just copy this at it is. this is the url to which the app will make requests
NEXT_PUBLIC_URL=http://localhost:3000

Dig in!

In order to dig in, you should first create a branch in which you will code the feature you want to add, you can do that using the following command :

git checkout -b <your branch name>

We recommend to call it something in this format feature/my-feature. ex: feature/dark-mode or feature/api-optimization

Now you need to install the app dependencies, you can do that using this command :

npm install

or if you're a yarn lover (like Ismail ;))

yarn install

Finally, you can run the app using this command

npm run dev

or

yarn dev

Now you can view the app by visiting http://localhost:3000/

After you finished coding and testing your feature, push to your branch. Then create a pull request to the dev branch in this repo. Have fun, and thanks a lot!

Contributors

Here is a list of all the contributors to this project. Thanks to all of you!

Technologies used

  • Next.js for frontend + backend
  • TailwindCSS for styles
  • Recoil.js for global states
You might also like...

Feel free to create new file, don't hesitate to pull your code, the most important thing is that the file name here must match your nickname so that file does not conflict with other people.

Hacktoberfest Indonesia Apa Itu Hacktoberfest ? Hacktoberfest adalah acara tahunan yang bertujuan untuk mendorong berkontribusi kedalam ekosistem open

Dec 15, 2022

This repository contains different infrastructure components that are used in different projects here at NaN Labs.

Infrastructure Reference Changelog | Contributing This repository contains different infrastructure components that are used in different projects her

Dec 15, 2022

"Jira Search Helper" is a project to search more detail view and support highlight than original jira search

Jira Search Helper What is Jira Search Helper? "Jira Search Helper" is a project to search more detail view and support highlight than original jira s

Dec 23, 2022

🍭 search-buddy ultra lightweight javascript plugin that can help you create instant search and/or facilitate navigation between pages.

🍭 search-buddy ultra lightweight javascript plugin that can help you create instant search and/or facilitate navigation between pages.

🍭 search-buddy search-buddy is an open‑source ultra lightweight javascript plugin (* 1kb). It can help you create instant search and/or facilitate n

Jun 16, 2022

This project is created to store the name of the book and the name of its author, build with JavaScript.

awesome-books A plain javascript project that can keep track of a list of books utilizing localStorage. See live demo Built With HTML CSS Javascript T

Jul 19, 2022

A Kubernetes monitoring tool to visualize large-scale activity and real-time comprehensive metrics within your cluster.

A Kubernetes monitoring tool to visualize large-scale activity and real-time comprehensive metrics within your cluster.

Armada A light-weight Kubernetes health monitoring tool. Summary Armada is an open-source tool for monitoring the health of your Kubernetes cluster. I

Nov 2, 2022

A light-weight, simple, and straightforward learning tool for your Kubernetes cluster

A light-weight, simple, and straightforward learning tool for your Kubernetes cluster

Introducing Neptune Light-weight, simple, and straightforward learning tool for your Kubernetes cluster Neptune is an approachable learning tool, ligh

Jan 4, 2023

A social network where you can share posts, view your profile metrics and follow other users.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Aug 21, 2022

An open-source visualization tool for monitoring Kafka cluster metrics

An open-source visualization tool for monitoring Kafka cluster metrics

GitHub Tutorial Hyperion An open-source Kafka monitoring tool built for developers hyperionapp.dev Table of Contents About the Project Built With Gett

Nov 10, 2022
Comments
  • Add .env example file

    Add .env example file

    Hey Oussama, I'll be happy to make more fixes and enhancement, but i suggest if there is Eslint/Pretier config instead of .editorconfig file, to make sure all contributors have the same linting configuration. You can have like AirBNB style or any one you like. Thanks.

    opened by Xopper 2
  • Make backend requests lighter and faster

    Make backend requests lighter and faster

    Right now requests take from 1300ms to 2500ms to satisfy, and that's HUGE....! We need a way to make it lighter without caching.

    We try to avoid caching as much as possible, since the more real-time the app is, the better. Students use it to find available posts. It wouldn't really be helpful to give them a post that was available 2 minutes ago...

    enhancement help wanted 
    opened by 0sssama 0
Owner
Oussama
Frontend Developer - 1337 Student (42)
Oussama
AWS Lambda & Serverless - Developer Guide with Hands-on Labs. Develop thousands line of aws lambda functions interact to aws serverless services with real-world hands-on labs

AWS Lambda & Serverless - Developer Guide with Hands-on Labs UDEMY COURSE WITH DISCOUNTED - Step by Step Development of this Repository -> https://www

awsrun 35 Dec 17, 2022
e-ONG, an authorial project, whose objective is to help ONGs to find people who need help or would like to help them

This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the developmen

Lucas Lima 2 Nov 11, 2022
aka Scaletor, take screenshots of a piece of a map and scale/compare with other parts of the map

scale-a-tron A quick-and-dirty map that lets you compare one area to another. Draw a shape around a region, zoom in to another place on the map, and c

Stamen Design 24 Nov 7, 2022
This is the backend of Wherechat, which is a chat application that allows users to find and meet each other through their location on the map.

wherechat-backend About the project This is the backend of Wherechat, which is a chat application that allows users to find and meet each other throug

Isaac Ndala 5 Nov 23, 2022
ALU Map is a web-based platform that will help students move around ALU Rwanda Campus.

ALU-MAP ALU Map is a web-based platform that will help students move around ALU Rwanda Campus. Introduction Please refer to CONTRIBUTING.md for contri

null 5 Oct 25, 2022
Palaemon is an open-source developer tool for monitoring health and resource metrics of Kubernetes clusters and analyzing Out of Memory (OOMKill) errors

Palaemon ?? ?? An Electron based developer tool for Kubernetes cluster monitoring and error analysis Palaemon is a Greek, child sea-god who came to ai

OSLabs Beta 99 Dec 28, 2022
Base Rails app that includes login, social login, homepage, and basic model for serving as a scaffold app.

Rails7Base I created the Rails7Base as a scaffold application. Countless times, I had to create apps that must have the following features: Login syst

Chim Kan 14 Jul 2, 2022
A tool for managing production-grade cloud clusters, infrastructure as code

Cloudy Description Cloudy is an "infrastructure as code" tool for managing production-grade cloud clusters. It's based on Pulumi that mostly using Ter

Cloudy 24 Jan 1, 2023
A fast and powerful http toolkit that take a list of domains to find active domains and other information such as status-code, title, response-time , server, content-type and many other

HTTPFY curently in beta so you may see problems. Please open a Issue on GitHub and report them! A Incredible fast and Powerful HTTP toolkit Report Bug

DevXprite 44 Dec 22, 2022