Light

opensourceraidguild / atom-pwa Goto Github PK

View Code? Open in Web Editor NEW

This project forked from horusgoul/atom-pwa

4.0 3.0 10.0 3.3 MB

Learn the basics of chemistry doing the tests and using the periodic table

Home Page: https://atom.horuslugo.com

License: MIT License

TypeScript 79.00% HTML 3.89% JavaScript 3.29% SCSS 13.80% Shell 0.03%

atom-pwa's Introduction

About

Atom is a Progressive Web App to help students learn about periodic table elements' properties.

Tools

Quizzes
Periodic Table
Mass Calculator

Quizzes

Valences Quiz
Periodic Table Quiz

Technologies used

How to run

It would be best if you had Node.js and Yarn 1 to run this project.

Install all dependencies

yarn

Launch a dev server listening in https://localhost:8888/

yarn dev

Build for production

yarn build

Sponsored by

Credits

We took the Crowdin workflow from the Excalidraw Project.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Horus Lugo} 🚧 🤔 💻 🎨 👀 🚇 🌍	_{Silas Meyer} 🌍	_alexprave 🌍	_{Michael Peyper} ⚠️ 💻 🚇	_Mohit ⚠️ 💻	_{Jacob M-G Evans} ⚠️ 💻	_{Mitchel van Bever} ⚠️ 💻
_Sudhanshu ⚠️ 💻	_{Braydon Hall} ⚠️ 💻 🚇	_{Juhana Jauhiainen} ⚠️ 💻	_Zied.Touibi ⚠️ 💻	_{Rubén Moya} ⚠️ 💻	_{Martin O'Grady} ⚠️ 💻	_{Peter Hozák} ⚠️ 💻
_{Tiger Abrodi \| Shisui's & Minato's Successor} ⚠️ 💻	_mpopli ⚠️	_Emma ⚠️ 💻	_{Yago Pereira Azevedo} ⚠️ 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

atom-pwa's People

Contributors

Stargazers

Watchers

Forkers

bmeverett tometo-dev mohitpopli emma-r-slight grady-lad mitchelvanbever ziedtouibi marcosvega91 ypazevedo amit-agrawals

atom-pwa's Issues

Add tests for Overlay

Combined coverage from Jest+Cypress

Jest coverage report already looks OK, but some features need to be covered by Cypress (e.g. #82), so it would be nice to combine the coverage reports from both to see the total coverage.

Horus was also interested about combined coverage => https://discord.com/channels/808364903822917662/808364903822917665/817697765072699412

I will try to investigate myself, but I don't promise I will find a good way => feel free to ping me if someone knows how to do it already and this issue is still open 😉

Add test for Checkbox.tsx

Add test for MassCalculator.tsx

https://github.com/OpenSourceRaidGuild/atom-pwa/projects/1#card-55812284

Add tests for ValencesTestSettings.tsx

Add test for ElementPicker

Cypress & userEvent, Hooks

Convert <PeriodicTablePage/> to Function Component

Add test for PeriodicTablePage.tsx

Convert NotFound.tsx

Smoke test App.tsx

Convert LocaleSelector.tsx to hooks

Convert LocaleSelector to hooks

Add test for PtElementInfo

Run tests on CI

Spinner - 50% coverage

src/components/shared/spinner/Spinner.tsx

https://github.com/OpenSourceRaidGuild/atom-pwa/blob/next/src/components/shared/spinner/Spinner.tsx

Add tests for TestResults.tsx

Add tests for SelectorModal.tsx

Converting modal to use hooks

Let's get it started with the smaller components.

I like the modal component, have also written tests for it so feels natural to get started with something like this.

Add test for ListItemSwipeAction.tsx

Adding test for ListItemSwipeAction.tsx

Add tests for LocaleSelector.tsx

Add Test for QuestionTest

Add tests for Modal

Add tests for TestElementSettings

Convert <Overlay /> to hooks

Convert <Card /> to hooks

Add tests for IconButton.tsx

Migrate periodic-table to hooks

I'll open a PR for that

Convert <Checkbox /> to hooks

Add tests for Atom.tsx

Add tests for Navbar.tsx

Add test for Button.tsx

https://github.com/OpenSourceRaidGuild/atom-pwa/projects/1#card-55812569

Convert About.tsx component

Convert About.tsx to function component

Convert src/components/about/About.tsx to Function component

Setup Jest

Convert <Button /> to hooks

Add test for ThemeSelector.tsx

Add test for About.tsx

Add test for not-found

Add tests for TestSelection.tsx

Add test for PtElementTest

Add test for ElementInfo.tsx

Add tests for QuestionsTest.tsx

Add test for PeriodicTable

Add tests for PeriodicTableTestSettings.tsx

Convert <IconButton /> to hooks

Add tests for PeriodicTableTest.tsx

Add tests for ValencesTest.tsx

Add tests for MainMenu.tsx

Add tests for RateApp.tsx

Add Cypress test for SwipeableModal.tsx (for swipe gestures)

https://github.com/OpenSourceRaidGuild/atom-pwa/tree/next/src/components/shared/swipeable-modal/SwipeableModal.tsx

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.