🎒 Accessible and extremely useful website for public school in Poland, built on fun and modern stack.

Related tags

Learning resource react docker school nextjs postgresql school-project storybook chromatic strapi poland jamstack school-website vercel
Overview
Components Preview (Chromatic) Vercel status

✨ Strona Szkolna

🎯 Zadania · 💡 Pomysły

Struktura

  • 📁 apps
    • 📁 backend: headless CMS (API) używający Strapi, które umożliwia dowolne typy contentu, np. artykuły, zastępstwa, nawigacje
    • 📁 frontend: strona zbudowana za pomocą Reactowego frameworka Next.js, pobiera dane z API (Strapi), działa na platformie ▲ Vercel, wyświetla komponenty za pomocą Storybook.

Technologia

Linki

API

API opiera się o Strapi i jest publicznie dostępne, możesz użyć je we własnym projekcie.

Licencja & open-source

  • Projekt jest otwartoźródłowy i dostępny na ⚖ licencji MIT.
  • Oferujemy bezpłatną pomoc z implementacją według potrzeb dla szkół i organizacji edukacyjnych. Skontaktuj się z nami! »
  • Zauważyłeś błąd na stronie lub chcesz zasugerować zmianę? Stwórz Issue » lub Skontaktuj się z nami! »

Infrastruktura

Powered by Vercel

Ten projekt jest dumnie wspierany przez ▲ Vercel - platforme łącząca w sobie najlepszy Developer Experience z obsesyjną dbałością o wydajność użytkowników końcowych.

Sprawdź ▲ Vercel »


Comments
  • Partnerstwo Vercel

    Partnerstwo Vercel

    • [x] Create a new team in your account, this will start the free 14 day trial for our Pro plan,
    • [x] Share the link to your public Git repo with us, (https://github.com/ElektronPlus/school-website)
    • [x] Add the Vercel banner (attached to this reply) to your site footer and your Git's README,
    • [x] Add a link back to https://vercel.com/?utm_source=ElektronPlus&utm_campaign=oss
    • [x] Add a small description of the open source nature of your project to your Git's README
    • [x] What is your team's monthly anticipated resource usage? Do you believe your team will fall within our Fair Use Limits?

    image

    opened by konhi 1
  • Fetching danych

    Fetching danych

    • GraphQL (zamiast REST)
      • wsparcie dla TypeScript dzięki GraphQL Codegen. Aktualnie przy użyciu REST nie znamy typów zmiennych.
    • React Query
      • SSR w komponentach. Data Fetching Next.js nie zawsze jest odpowiedni.
    opened by konhi 0
  • Informational Page

    Informational Page

    Informational Page is an article-like page with the difference it doesn't appear on news feed

    Technical

    • [ ] Strapi collection type: @wybran
    • [ ] Front-end - you can copy code from blog entry: @wybran

    zseis-zgora specific

    • [ ] Make graph/map of pages: @konhi
    opened by konhi 0
  • Optimization

    Optimization

    Front-end

    • [ ] https://nextjs.org/blog/layouts-rfc: this will allow us to use Automatic Static Optimization when fetching in _app.tsx. We can do it with nextjs-preval if we go to production before layout RFC.
    • [ ] Remove Chakra UI: it takes several kbs, and we don't really have to use it
    • [ ] Longer caching for images from Strapi: since we add hash to every url, it can be cached permanently, but it seems to be hard on Next.js/Vercel
    • [ ] Layout Shift: on smaller devices, there's layout shift related to masonry css - we might want to disable it somehow when it's mobile device
    • [ ] React to Preact: this should save us several kbs, but it might be uncompatible
    • [ ] SVG logo
    • [ ] Further image optimization
    • [ ] Smaller bundle: npm run analyze
    • [ ] Dynamic Import: e.g. Footer

    todo 
    opened by konhi 0
  • Nawigacja

    Nawigacja

    • [x] Figma
      • [x] wersja mobilna
      • [x] wersja desktopowa
    • [x] Strapi
    • [ ] Front-end
      • [ ] Storybook
      • [ ] wersja mobilna
      • [ ] wersja desktopowa
      • możemy użyć Layout z Next.js, żeby nawigacja była na każdej stronie
      • inspiracja
    backend frontend design 
    opened by konhi 3
Owner
Elektron++
Elektron++
GitHub https://dev.elektronplus.pl
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

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

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

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

WMouton 2 Dec 25, 2021
This is our second school project in HTML 5, CSS 3 and JS. In this website you can find very interesting information about the countries around the world.

Team Geonomy ?? About This is a website about with interatcive map and very interesting information about different coutries ??️ Used technologies Use

Stanislav Tashev 33 Nov 23, 2022
Fun way to share some of your (already) public StackOverflow user data to the internet.

ProfileOverflow A simple app leveraging StackExchange APIs to show some StackOverflow accounts information. Made for fun during a weekend as practice.

Jacky Efendi 5 Sep 14, 2022
The interpretation implementation implemented programming language built for fun. I'm currently boring in full stack web development. So, I crafted this one LoL. 👻

What's Wuttyi? Everything is expression ?? I just developed this tiny programming language because of boring in higher level programming construct. Mo

Aung Myat Moe 9 Dec 13, 2022
A MITM cache between RPCs and a a dAPP. Useful to allow for better performance on a public RPC node

better-cosmos-rpcs A cheaper way to allow for public RPCs as a service WITHOUT scaling issues. No need to rate limit either. How it is done: User GET

Reece Williams 3 Nov 19, 2022
Hadmean is an internal tool generator. It is language agnostic, schema driven, extremely customizable, featured packed, user-friendly and has just one installation step.

Hadmean Report a Bug · Request a Feature · Ask a Question Table of Contents About Quick Demo Motivation Why you should try Hadmean Getting Started Pre

Hadmean 344 Dec 29, 2022
⚡ Extremely fast online playground for every programming language.

Riju Riju is a very fast online playground for every programming language. In less than a second, you can start playing with a Python interpreter or c

Radon Rosborough 845 Dec 28, 2022
The (extremely) lightweight alternative to the mmenu.js plugin for creating off-canvas mobile menus.

mmenu light The (extremely) lightweight alternative to the mmenu.js plugin for creating off-canvas mobile menus with the exact look and feel. Examples

Fred Heusschen 172 Dec 12, 2022
School App / Back-End with MongoDB / mongoose / Express / TS

TEST Api Dependencies El mati se la come es por eso que en 1998 la guerra fria se llevo a mas de la mitad del activo del pais "dependencies": { "axios

Santiago Bancalari 3 Jun 10, 2022
an API for mingdao high school's timetable

MdTimetableAPI 用途 抓取明道中學各班的課表 APIs 抓取特定班級之最新課表(以學期課表為主) https://md-apps.herokuapp.com/API/{className} 參數 className: 班級代號 (例: Y313, X212) Response data

TakeUFlab 7 Dec 15, 2022
A Discord bot for bruteforcing Korean students' school name

A Discord bot for bruteforcing Korean students' school name

Dollar3795 3 Mar 9, 2022
Metaschool is a virtual school that includes a set of several existing schools in society.

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Balep Martin 2 Jul 9, 2022
A personal school project to model the behaviour of the human immune system as a network graph with interactive visualisation.

An educational tool designed to help users understand the immune system. Made using Processing 5 for Java Script

Oscar Bullen 2 Jun 18, 2022
About Introduction to Machine Learning for the Arts, IMA, Tisch School of the Arts, New York University, Fall 2022

Introduction to Machine Learning for the Arts About Introduction to Machine Learning for the Arts, IMA, Tisch School of the Arts, New York University,

ml5 9 Nov 4, 2022
Built for fun and game activities! you can submit scores of players, create a new game, and refresh to see who is on top of the leaderboard. It was built with JavaScript, HTML, and CSS. Thanks to the central LeaderBoard API service all data is preserved

LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Mini Presentation Additio

Clinton Mbonu 20 Jun 30, 2022
It is a solo Project and In this repo I try to build a E-Commerce full-stack website with MERN stack technologies. For Practice purpose.

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

Alok Kumar 5 Aug 3, 2022