Welcome,
To Ryan Massey's Personal Portfolio
About
Ryan Massey
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum cum explicabo quia. Aspernatur, deleniti atque? Excepturi dicta, aperiam eos laudantium adipisci reprehenderit nihil provident officia accusantium error tempora dolore animi? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Corporis dolore deleniti libero nihil eius nesciunt labore ab corrupti iusto! Incidunt architecto aliquid vitae temporibus, magnam deserunt iure atque facere ipsa.
Skills
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam quas sit eius totam voluptate! Eligendi explicabo placeat officiis veniam ratione in impedit quo. Non labore obcaecati soluta illo alias error!
Portfolio
Reddit Clone
Reddit clone was created as part of an Odin Project assignment. The idea behind the app is exactly what the name implies, create a copy of Reddit. Most of the main features have been implemented such as creating a post/adding comments, upvoting posts/comments, editing and deleting posts/comments, searching through new/top posts, and organizing posts by a specific subreddit.
Technology used: React.js, Firebase, HTML, CSS, JS
Odinbook
Odinbook was another project created as part of an Odin Project assignemnt. This app was created to mimic many of Facebook's popular features including timeline (showing users posts and friends posts), adding friends (sending, receiving and accepting friend requests), and creating posts. Passportjs was used for user authentication, specifically Passportjs Facebook strategy was used. The app utilizes Facebook login API to connect Odinbook to an actual Facebook account.
Technology used: React.js, Express, HTML, CSS, MongoDB
Live Preview currently deactivated to avoid server costs
Taskaid
Taskaid is an app I modeled somewhat off of todoist. The app allows you to create tasks with labels, different priorities, dates and descriptions. You can sort tasks by due date, priority rating, label or you can simply view all your tasks on one page. I use the local strategy from Passportjs to differentiate/authenticate users. The local strategy simply uses a username and password to authenticate. Passwords have been hashed using the bcryptjs module. MongoDB is being used for storing and retreiving information on users and their associated tasks.
Technology used: React.js, Express, HTML, CSS, MongoDB, PassportJS, FullCalendar
Live Preview currently deactivated to avoid server costs
Study Site
This is a simple app that utilizes the NextJS framework, built on top of React, to display pre-rendered pages holding note information separated into relevant folders. The notes are written in markdown and are saved within the NextJS app. The programming language for this app is TypeScript. I chose TypeScript as I just started to learn it and I wanted to practice my knowledge. Users navigate through different folders to find the notes that they are looking for. For this app I also chose to use TailwindCSS for practice and to expand my CSS framework knowledge.
Technology used: Next.js, TailwindCSS, HTML, CSS, TypeScript
Project Name
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vitae in, provident sequi beatae recusandae, debitis magni soluta deserunt repellendus nostrum reiciendis qui iste ullam delectus numquam praesentium quae? Asperiores, fugit?
Technology used: React.js, Webpack, HTML, CSS