P014 → Fullstack Apps
Software Engineering
I am a dedicated software developer and product designer with a passion for creating user-centric applications that solve real-world problems. My experience spans full stack development, brand and design direction, and the implementation of cutting-edge technologies to deliver engaging and effective solutions. Through projects like Spinly, Zeeply, and Kyyngo, I have honed my skills in developing and launching innovative products that cater to diverse user needs and foster vibrant communities.
General Assembly: Software Engineering Immersive
New York, New York | Apr 2023- July 2023
At General Assembly, I completed an intensive twelve-week, 450+ hour Software Engineering Immersive program. This full-stack software engineering course provided in-depth training in product development fundamentals, object-oriented programming, MVC frameworks, data modeling, and team collaboration. Throughout the program, I developed several applications using JavaScript, HTML, and CSS, while also gaining knowledge in other languages, frameworks, and development processes. My projects included:
- Snake: Classic game implementation using JavaScript.
- Spinly: A vinyl record trading platform.
- Zeeply: A niche skill-sharing app.
- Kyyngo: An AI-powered goal planning tool.
Spinly is a web application specifically designed for vinyl record enthusiasts. It serves as a platform for buying, selling, and trading vinyl records, while also fostering a vibrant community where users can engage in discussions about their favorite albums. Spinly combines a sleek, user-friendly interface with robust functionality to support the vinyl community.
Role: Full Stack Development, Brand and Design Direction
Technologies: CSS, HTML, Figma
Overview of Product Strategy
Web Development
The development of Spinly was centered on creating a specialized platform for vinyl record enthusiasts. By employing full-stack development techniques, the platform was crafted using CSS, HTML, and JavaScript to deliver a seamless and interactive user experience. The backend was designed to efficiently manage user data and transactions, ensuring a reliable and secure marketplace for buying, selling, and trading vinyl records.
The development of Spinly was centered on creating a specialized platform for vinyl record enthusiasts. By employing full-stack development techniques, the platform was crafted using CSS, HTML, and JavaScript to deliver a seamless and interactive user experience. The backend was designed to efficiently manage user data and transactions, ensuring a reliable and secure marketplace for buying, selling, and trading vinyl records.
Breakdown of the Process
The development process for Spinly involved several structured stages:
The development process for Spinly involved several structured stages:
- Requirement Analysis: Gathering insights from vinyl enthusiasts to understand their needs and preferences.
- Design and Prototyping: Using Figma to create detailed wireframes and prototypes, ensuring the design is user-centric and engaging.
- Development: Building a responsive and interactive frontend with CSS, HTML, and JavaScript, and integrating it with a robust backend to handle user transactions and data management.
- Testing: Conducting rigorous testing to identify and resolve bugs, enhance performance, and ensure a smooth user experience.
- Launch and Feedback: Deploying the platform and iterating based on user feedback to continuously improve functionality and user satisfaction.
Features
Spinly offers a range of features tailored to the needs of vinyl record enthusiasts:
Spinly offers a range of features tailored to the needs of vinyl record enthusiasts:
- Marketplace: A secure platform for buying, selling, and trading vinyl records.
- Community Engagement: Features such as forums and discussion boards where users can share their favorite albums and engage in conversations.
- User Profiles: Detailed user profiles that showcase personal collections, wishlists, and transaction history.
- Search and Filter: Advanced search and filtering options to help users find specific records or discover new ones.
- Notifications: Customizable notifications to alert users about new listings, messages, and updates on their transactions.
Zeeply is a skill-sharing app that allows users to post blogs, videos, and audio about their niche areas of expertise. The platform aims to provide a space where individuals can share their knowledge and help others acquire skill sets that may be difficult to research independently. Zeeply fosters a supportive community of learners and experts, promoting the exchange of valuable information.
Role: Full Stack Development, Brand and Design Direction
Technologies: CSS, HTML, Figma
Zeeply: Zeeply GitHub | Strategy Deck | Zeeply Figma Files and Brand Direction
Strategy Deck: Here
Overview of Product Strategy
The development of Zeeply focused on creating a dynamic and engaging platform that enables users to share their niche skills through blogs, videos, and audio posts. Utilizing full-stack development techniques, the platform was built with CSS, HTML, and JavaScript for a responsive and interactive frontend, while the backend was designed to manage user data and content efficiently. The goal was to ensure a seamless and enjoyable experience for users as they share and acquire new skills.
The process of developing Zeeply involved several key stages:
- Requirement Gathering: Identifying the needs and preferences of the target audience.
- Design and Prototyping: Using Figma to create detailed wireframes and prototypes, ensuring a user-friendly design.
- Development: Building the frontend with CSS, HTML, and JavaScript, and integrating it with a robust backend to handle user content and interactions.
- Testing and QA: Conducting thorough testing to identify and resolve issues, ensuring the platform's stability and performance.
- Launch and Iteration: Deploying the platform and continuously updating it based on user feedback and emerging needs.
Zeeply offers a variety of features designed to facilitate knowledge sharing and community building:
- Content Creation Tools: Enables users to create and share blogs, videos, and audio posts about their niche skills.
- Community Interaction: Fosters a supportive community where users can engage with each other’s content, provide feedback, and share insights.
- User Profiles: Allows users to build detailed profiles showcasing their skills and expertise.
- Search and Discovery: Implements advanced search functionalities to help users find content and experts in specific niche areas.
- Notifications and Updates: Keeps users informed about new content, interactions, and community activities.
Design & Figma Wireframes
The brand identity combines a vibrant and approachable aesthetic with professional elements to appeal to a diverse user base. The Figma files include comprehensive guidelines for UI components, color schemes, typography, and iconography, ensuring consistency and coherence across all design aspects.
Kyyngo is an innovative web application that combines the power of AI, goal planning, and a supportive community to help users achieve their objectives within a specific timeframe. Utilizing AI algorithms and a ChatGPT AI bot, Kyyngo generates personalized plans and strategies to help users reach their goals. The platform also allows friends to track progress, provide encouragement, and engage with each other's goals, creating a collaborative and motivational environment.
Role: Full Stack Development (frontend and back-end), Brand and Design Direction
Technologies: CSS, HTML, Figma
Kyyngo: GitHub | Kyyngo Strategy Deck | Kyyngo Figma Files and Brand Direction
Strategy Deck
Overview of Product Strategy
Kyyngo's web development process involved building a robust and user-friendly application using full-stack development principles. Leveraging technologies such as CSS, HTML, and JavaScript, the development focused on creating an intuitive interface and seamless user experience. The backend was designed to handle complex AI algorithms and data processing, ensuring that the platform could provide personalized goal planning and tracking.
The development process for Kyyngo was meticulously planned and executed in several stages:
- Requirement Analysis: Understanding user needs and defining key features.
- Design and Prototyping: Creating wireframes and interactive prototypes using Figma.
- Development: Implementing frontend and backend functionalities, integrating AI algorithms, and ensuring responsive design.
- Testing: Conducting extensive testing to identify and fix bugs, improve performance, and ensure a smooth user experience.
- Deployment: Launching the application and continuously monitoring and updating based on user feedback.
Kyyngo offers a range of features designed to help users achieve their goals:
- AI-Powered Planning: Utilizes advanced AI algorithms to generate personalized plans and strategies based on user inputs.
- Goal Tracking: Allows users to set, monitor, and adjust their goals, providing real-time updates and progress tracking.
- Community Engagement: Enables users to connect with friends, share progress, and receive encouragement and support.
Design & Figma Wireframes
The brand identity includes a modern and approachable aesthetic, with a color palette and typography that convey trust and optimism. The Figma files include detailed guidelines for UI components, icons, and interactive elements, ensuring a cohesive and professional look across all aspects of the application. This meticulous branding effort helps to create a strong, recognizable identity for Kyyngo, enhancing its appeal and user trust.
If you would like to learn more about Sydney’s fullstack experience reach out to sydneymorrisonco@gmail.com.