Ecommerce Website for Parasol Laboratories

Parasol Labs logo

A project for CS426 - Senior Projects, at the University of Nevada, Reno

Team 21: Kaeden Carver, Nicholas Whitehorn, Samuel Lehman

Instructor(s): Dave Feil Seifer, Sara Davis, Devrin Lee, Vinh Le

External Advisor(s): Erin Keith: UNR CSE Instructor, Ahmed Munoz: CEO of Parasol Labs

Project Description

Team 21`s main goal with the ecommerce website for Parasol Laboratories Inc.is to build a platform with a sleek front-end design that will help promote Parasol Labs and inform potential customers and investors about services and products they offer to provide. To accomplish this goal, Team 21 has chosen to go with the tech stack of Next.js, TypeScript, Tailwind CSS, Prima, and PostgreSQL because these technologies are widely praised for their performance, ease of use, and reliability. The main functionalities of the web application are to be able to create and edit blog or news posts to the news section of the website, the ability to sell products and services that Parasol Labs is offering, tracking website analytics, and providing a nice user experience. To achieve these goals we will be using Sanity to manage all functionalities regarding news, Shopify to provide a place to store product information as well as handling the payment processing in a secure manner, Google Analytics to track information regarding user`s visiting the website, and a combination of custom CSS, CSS libraries such as Tailwind CSS, a front-end component library such as React to provide a single page application experience as well as front-end component libraries such as NextUI and DaisyUI.

To provide Parasol Labs with a website that is reliable, the team is using Vercel to host the website as they boast a 99.99% uptime on their services. In terms of security, we will be using a library called NextAuth to handle user authentication as well as managing sessions. We also implemented functionality to salt and hash passwords in our database so if it is compromised no user`s passwords will be discovered. In regards to safety, team 21 has made sure to not develop any features or functionalities that would be detrimental or cause harm on to individuals or the public.

Project Related Resources:

Problem domain book:
  • Riva, M. (2023) Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production 1st Edition. Packt Publishing.
Websites useful/related to the project:
Technical reports, conference papers, and/or journal articles:
  • Capała, Łukasz, and Maria Skublewska-Paszkowska. "Comparison of AngularJS and React.js frameworks based on a web application." Journal of Computer Sciences Institute 6 (March 30, 2018): 82–86.https://ph.pollub.pl/index.php/jcsi/article/view/645.
  • Patel, Vishal. “Analyzing the Impact of Next.JS on Site Performance and SEO”. (2023). International Journal of Computer Applications Technology and Research. https://doi.org/10.7753/ijcatr1210.1004.
News and other information pertaining to your project topic or components: