Skip to content

yuenci/NFTarts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NFTarts


Logo

🖖 A great modern website that introduces the art of NFT arts 💎



About The Project

Product screenshot

A simple website consists of multiple interlinked web pages with related contents. Design and development are the two stages that each web page goes through. A web page's appearance is defined by web design, while its functionality is defined by web development.

In addition, to maintain consistency, simplicity, feedback, and fault tolerance, a successful website must follow the User Interface Design Principles. It provides a couple of rules guiding web developers in designing responsive and errorless websites. Likewise, the website's appearance and interaction with users may be improved through five essential multimedia features. Text, images, audio, video, and animation are all included. (Simply Effective Web Design Inc., n.d.)

Furthermore, a completely working website contains various functionalities enabled by the scripting language JavaScript (JS). The combination of Hypertext Markup Language (HTML) + Cascading Style Sheets (CSS) + JS is frequently used for building a website. In short, HTML is used to create a website's structure; CSS is used to design the site's general layout, and JS is used to build the site's functionality.

In this group assignment, our group constructed a student organisation website as the official platform of Asia Pacific University (APU) based on the team model. This website presents the most up-to-date information and activities for members and non-members to guarantee that information can be discovered to the greatest extent possible.

(back to top)

Built With

  • idb-keyval - A super-simple-small promise-based keyval store implemented with IndexedDB
  • Anime - A lightweight JavaScript animation library
  • Firebase-Api-Encapsulation - The encapsulated library of firebaseapi

(back to top)

Getting Started

This project is written in Vanilla js, without any dependency, and can be directly opened locally.

Installation

  1. Clone the repo
    git clone https://github.com/yuenci/NFTarts
  2. Open the index.html locally.
  3. Or Open index.html with http server

(back to top)

Usage

1. Sign Up

Currently supports two registration methods: email registration and Google account registration.

2. Login

3. Log out

4. View Gallery

5. Like & Comment

6. View Profile

7. Modify Profile

8. View others' profile

9. Upload Arts

10. Generate Nametag

11. News writer

Administrators can publish new news through the news writer

(back to top)

Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Authors

profile image profile image profile image

Contact

Innis - @InnisYu - yuenci1575270674@gmail.com

Pheymin - @p_min23

Yannis - @lengzhiyan1015

License

Distributed under the GPL License. See LICENSE for more information.

(back to top)

Acknowledgments

(back to top)

About

A great modern website that introduces the art of NFT

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published