Alpha Edtech - Social Code Academy

Remembering the project:

The Alpha EdTech Project seeks to train young people in technology, regardless of gender, race, sexual orientation or ethnicity, possibly in a vulnerable situation, providing access to opportunities for effective social mobility, through education aligned with the needs of IT professionals in companies.

The general objective is to generate social mobility, providing training opportunities for young talents (in vulnerable situations) interested in this area of professional relevance, specifically information technologies.

In recent months, the topics covered in classes for project development were:

Execution of Activities

User Interface (Front-End)

The interface features were implemented as planned, providing an intuitive and accessible user experience. The following components were developed:

Text field: Created an input field so users can enter names or numbers separated by commas.

Draw button: Implemented a functional button to start the draw.

Winner display: Created a prominent space to clearly present the draw result.

Validation message: Added a check to prevent the draw from being carried out without data entered, ensuring adequate usability.

Draw Logic

The draw logic was developed using JavaScript, ensuring that the choice of names or numbers is completely random and free from unnecessary repetitions. Key features implemented include:

Random algorithm: Selects a name or number from the list at random, respecting the non-repetition rule when there are multiple draws.

Guarantee of impartiality: Tests were carried out to ensure that the draws occur fairly, without predictable patterns or trends.

Possibility of multiple draws: The system allows more than one person to be drawn without the winners being repeated within the same round.

Responsiveness

The website was developed with a responsive design, ensuring compatibility with various devices, from desktops to smartphones and tablets. Modern CSS techniques were used to ensure a good visual and usability experience on different screen sizes.

Extra Features Implemented

In addition to the basic requirements, some additional features have been incorporated to enhance the user experience:

"Reset" button: Added a button to clear the list and restart the draw, allowing new use without having to reload the page.

Local storage (localStorage): Temporary saving of data entered by the user has been implemented, allowing information to be preserved even if the page is updated.

Record of draw history: A mechanism was created to store and display previous draws, enabling subsequent consultations.

Back-End Development (Optional)

Although the draw logic was implemented directly in the Front-End, an optional Back-End version was created using Node.js. The main features developed were:

API for processing the draw: An API was created that allows the draw to be carried out remotely, if necessary.

API calls: The system allows the draw to be carried out via HTTP request, increasing the flexibility of the project.

Conclusion

All activities planned within the scope of the EdTech project were successfully completed. The implementation followed the established technical and functional specifications, ensuring a reliable, intuitive and efficient system. Furthermore, extra features were incorporated to enrich the user experience and provide greater flexibility in using the system.

With the completion of these steps, the project is ready to be used, fulfilling its proposal of offering a dynamic and innovative tool for carrying out sweepstakes.

Links:

• https://www.alphalumen.org.br/