Develop a fully functional and responsive front end for the Zinio platform, based on existing UI/UX designs.

Tasks:

1. Implement UI Designs: Translate design files into functional HTML, CSS, and JavaScript code.

2. Responsive Web Development: Ensure compatibility across various devices and screen sizes.

3. Interactive Features: Develop dynamic and interactive elements using JavaScript.

4. Testing and Debugging: Identify and rectify any bugs or issues.

5. Performance Optimization: Enhance the website’s performance and loading speed.

6. Documentation: Create comprehensive documentation of the development process.

• Review our current application UI/UX Designs, gather scope and consider different tools to build the final deliverable, specifically focusing on the front end of the application
• Develop a responsive web application using ReactJS, HTML, JavaScript, and CSS
• Understanding our company and what we offer and translate that into relevant components for the final deliverable
• Using the agreed upon tool, setting up the development environment with the command line and version control (GithHub)
• Deploying the application using our CI/CD pipeline to Amazon AWS
• Using tools like AWS Amplify ti build the front end
• Writing unit tests and debugging code
• Handle HTTP requests and responses, ensuring proper JSON data interchange
• Incorporate Git workflow for version control and collaborative development
• Enhance the user experience with client-side JavaScript functionalities

Deliverables:

1. Completed Web Pages: Fully functional web pages based on the provided designs.

2. Responsive Design Implementation: A website that performs well on different devices and screen sizes.

3. Interactive Elements: Functional JavaScript-based features.

4. Testing Report: A report detailing testing processes and outcomes.

5. Optimization Record: Documentation of performance enhancements.

6. Development Documentation: Comprehensive documentation of the coding and development process.

The project will allow participants to apply and showcase their web development skills on a live platform, providing them with invaluable real-world experience.

Support for Participants:

• Mentorship: Assign mentors from Zinio’s development team.

• Feedback Sessions: Hold weekly progress and feedback meetings.

• Tool Access: Provide necessary software and development environment access.

• Resource Sharing: Share project documentation and design guidelines.

• Technical Assistance: Offer support for technical challenges.