Proj-CC_gen-Team-122

CARDXTRA

A library of various designs for credit cards customization.

:zap: GENERAL PROJECT INFORMATION

CardXtra is a website that allows authenticated users to download customized card designs, as well as their code samples, from our library of credit card designs. By having this product, our users can now brand their cards according to their personalities and interests and brands can also integrate our API into their financial apps or websites. The possibilities are endless.

There is also a robust documentation to guide users through the website and the create the best User Experience.

Live Site

Coming Soon....

It was built with

• Html
• CSS
• Javascript and
• Django framework
• Figjam for UX Design
• Figma for UI Design

Here is a link to our UI/UX Process

How to Use CardXtra

• Visit the website with the live link
• Go through the library of various card designs
• Sign up to create an account and download your desired card designs
• It is that simple

How to Run this project Locally

• Open your terminal
• Activate the virtual environment with env\script\activate
• Run 'python manage.py runserver'
• Copy the generated link into your browser's address bar
• Navigate the website

FEATURES

Unauthenticated Users

• Landing Page Users can view basic information about the platform like What We Do, Why they need the product, How they can use the product and How they benefit from using it.

• Navigation Bar Users can navigate the site and move from one page accessible to them to another. Pages includes: About Us Page, Contact Us page and Library page.

• Library Page Users can only scroll through the library page and view the available designs. They cannot download.

• Call To Action (CTA) Users will be receive prompts to register or log in (if they already have an account and are just logged out).

• Footer: Pages include: Contact Page,Terms and Conditions,Privacy Policy, API references and Documentations

Authenticated Users

• Home Page Users have a complete homepage with a profile image in their navigation bar.

• Navigation Bar Users can navigate the site and move from one page accessible to them to another. Pages includes: About Page, Contact Us page, Library page and User profile page

• Library Page Users can fully interact by downloading their desired designs

• User Profile Page Users get access to options to switch to dark mode, reset their password, check their saved card designs, change their profile image and log out.

• Footer: Pages include: Contact Page,Terms and Conditions,Privacy Policy, API references and Documentations

![Contributors]

Team Lead and Assistant Team Lead

👤 Ayomide Victoria Akomolafe, Fullstack Developer

👤 Ayodeji Muhydeen, Product Designer

• Team Lead GitHub: @MideMario
• Assistant Team Lead GitHub: @Kendrick02

Team Members :computer:

👤 Akinola Idris Adebayo

• GitHub: @Hardexa

👤 Abasiye Ibrahim

• GitHub: @Abasiye

👤 Wakilat Adeola Olanrewaju

• GitHub: @Wakilat

👤 Phebian Nwokeji

• GitHub: @Phebian7

👤 Shalom Ajiyana

• GitHub: @Shally2luv

👤 Ebuka Chukwuma

• GitHub: @Frankieeeeeeeeeee

👤 Innocent Solomon

• GitHub: @Bayilasolomon

👤 Akinuli Iyanuoluwa

• GitHub: @Akinuli Iyanuoluwa Lydia

HOW TO CONTRIBUTE TO THIS PROJECT

Prerequisites

• You will need the following technologies installed to be able to contribute to this project:

• A compatible broswer

• An IDE (e.g VScode)

• Python

• GIT

Contribution Guidelines

• Clone the repository to your local machine
• Create your own working branch (git checkout -b [your working branch name])
• All changes and addition you will be making should be done in your working branch
• Add and commit all the changes you have made to your working branch
• Switch back to the main branch (git checkout main)
• Git pull to make sure your repo is up-to-date
• Then go back to your working branch and push your code

Author

Ayomide Victoria Akomolafe (Team Lead)

• GitHub - @MideMario