TraizelCraft Official Website

Description

Duration: 2 Weeks

This is the official GitHub repo for the TraizelCraft Website. The TraizelCraft Website is a centerpiece for TraizelCraft Network, where the community can come together to talk, share, and have fun! There are several pages:

• Home
• Events
• News
• FAQ
• Wiki
• Forums
• Downloads
• Extras

The Home page is the main page users go to when navigating to the url. It will contain the main info, as well as some videos and links to social medias. The Events page is a way to let Traizel and any Collaborators setup events for the community to participate in. Users may view and sign up for any event. The News page is managed by Traizel and his Moderators/Admins. Users can view any up to date articles that are posted here. The Forums is a nice way to talk with others in the community. The threaded setup makes it easy to navigate the forums, and talk with others about certain topics. The FAQ, Wiki, and Downloads pages are purely for information. The Downloads page contains all of the downloads for TraizelCraft and any Addons by Traizel. Users must have an account to access this page. Extra pages, like the login/registration or the add events/add article pages are soley situational pages that will be accessible when needed.

Prerequisites

• Node.js
• Express.js
• Axios
• Nodemon
• React
• Redux
• PassportJS
• Postgres SQL
• React Router
• Material UI
• Popper UI
• ByCryptJS
• BootStrap
• Cookie Session
• DotENV
• PostgreSQL
• SweetAlert

Installation

1. Open up your editor of choice and run an npm install
2. Run npm run server in your terminal
3. In another terminal, run npm run client to boot up the client side
4. Your browser should automatically go to localhost:3000

Usage

1. You will first be in the home page. Navigate to the login/register page in the top right of the screen and either login or create an account.
2. Once you have an account, you may explore the pages
3. Users with higher access may do more, like manage events or create News Articles
4. The average user may only view anything except threads. Anyone may create a thread and comment on one

Built With

• NodeJS
• ExpressJS
• PostgreSQL
• React
• Redux
• PassportJS
• ByCryptJS
• Cookie Session
• DotENV
• React Router
• Material UI
• Popper UI
• Nodemon
• Postico
• Postman
• Visual studio Code

Acknowledgement

Thanks to Emerging Digital Academy who equipped and helped me to make this application a reality.