Riipen
Log in Sign up
items_header

Open projects

Projects available to all portals

Web App (Front End) - Zinio

Open
Velocity Tech
Velocity Tech
Toronto, Ontario, Canada
SM
Strive Mazunga
Managing Director
(5)
4
Preferred learners
  • Anywhere
  • Academic experience
Categories
Computer science & IT UI design Website development Information technology Software development
Skills
debugging unit testing user experience (ux) git (version control system) react.js (javascript library) json responsive web design development environment command-line interface hypertext markup language (html)
Project scope
What is the main goal for this project?

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.


What tasks will learners need to complete to achieve the project goal?
  • 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.

How will you support learners in completing the project?

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.


Supported causes
Decent work and economic growth
About the company

We are a full-service digital strategy & software engineering.