chrisvasqm / automaty Goto Github PK
View Code? Open in Web Editor NEWReact site for people to train their End-To-End automation skills with sample data
Home Page: https://automaty-gd3cb.ondigitalocean.app/
React site for people to train their End-To-End automation skills with sample data
Home Page: https://automaty-gd3cb.ondigitalocean.app/
As of right now, the user has no way to know what kind of data can be uploaded in the .csv
file.
They need to know that it should have:
id
name
phone
email
We want to be able to also submit the province of origin of a student, check if validation is needed or not using Zod
We want another page that allows users to import a .csv
file with a specific structure and data validation to import data about Contacts like a Smartphone app.
We want to track their
id
name
phone
email
Handle empty state.
All data should be locally stored, meaning, that if the user refreshes the page, all data will be lost.
Make sure to only allow a single .csv
file at a time.
Allow users to clear all the data with a button
.
We want to be able fakely submit data about a "student", like:
In order to reproduce what a real login might look like, lets add a fake delay to the login form with loading indicator on the Sign In button and disable the text fields.
Initially, it could be a set time and later on it could be randomized between 1 and 5 seconds.
Submitting a form triggers a Modal to be shown to let the user know that their form submission was successful, we could replace it with a Toast using the Sonner package for a more elegant look.
Might need to use Zustand to keep track of that local state
We should validate the following use cases to prevent the Sucess toast from displaying:
MM/DD/YYYY
when they focus on the DatePicker)01/01/001
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.